从background-image属性中获取URL

2024-02-17

我怎样才能从background-image属性中获取URL:

现在我这样做:

(window.getComputedStyle(element).getPropertyValue("background-image")).replace('url(','').replace(')','');

但如果背景图像中有其他东西,比如 webgradient 等,我也会得到它们。我怎样才能避免这种情况?


这样做怎么样:

var m = (window.getComputedStyle(element).getPropertyValue("background-image")).match(/url\(([^)]+)\)/i); 

if (m) { ... m[1] ... }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从background-image属性中获取URL 的相关文章

  • d3 树 - 有相同孩子的父母

    我一直在将代码从 JIT 转换为 D3 并使用树布局 我已经复制了代码http mbostock github com d3 talk 20111018 tree html http mbostock github com d3 talk
  • 如何在D3节点中放置图像?

    到目前为止 我已经创建了这些 D3 节点 用于创建可折叠的层次树 到目前为止 这些节点的颜色为 AA1C1C 深红色 以表明如果您单击它们 它们将扩展到更多节点 我想要做的是在节点中使用图像中的位置 这对于所有用户来说都是一个加号 以知道它
  • 仅当 url 以 www 为前缀时才会发生 CORS 错误

    我目前遇到一个关于 CORS 跨源资源共享 的问题 奇怪的是 只有当我使用 www url 前缀时 才会出现这种情况 例如 当我使用以下网址访问我的网站时 http example com index http example com in
  • javascript中.match和.test有什么区别[关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 在浏览 JavaScript 时 我刚刚遇到了 match test 和 exec有什么不同 这是最快的 首先 exec and test
  • 在 Cytoscape.js 中为家谱设置边缘样式

    我有一个使用 Django 的家谱应用程序 我正在尝试使用http js cytoscape org http js cytoscape org对于用户界面 我想设置之间的边缘样式浪漫的伴侣像这样 http www eprintableca
  • Tailwind CSS:“outline”类不存在。但这不是自定义样式,而是框架类

    在一个新项目中 我得到了奇怪的行为 除了大纲和相关内容之外 一切都按预期进行 https tailwindcss com docs outline style https tailwindcss com docs outline style
  • HTML5 Audio Element 无法在 IOS 11 设备上的 safari 中播放 mp3 直播

    我是一家广播公司的网络开发人员 自 iOS 11 发布以来 我们收到了一些用户投诉 称我们的音频直播流无法再在 IOS 11 设备上播放 为了将流嵌入我们的网站 我们使用 HTML5 AudioElement 在 iOS 11 的 iPho
  • Bootstrap 3 按钮之间的空间

    如果我将几个 Bootstrap 3 按钮排成一行
  • 为什么 Number.isNaN() 对字符串返回 false?

    据我的理解NaN代表Not A Number Strings不是绝对的Numbers因此我希望下面的代码返回true对于字符串 然而 事实并非如此 console log Number isNaN Stack Overflow 有人可以澄清
  • d3 序数尺度的映射

    我正在使用 D3 的序数比例将数字映射到颜色 我用过这个 color d3 scale ordinal range 1f77b4 ff7f0e 2ca02c d62728 9467bd 8c564b e377c2 domain 0 6 co
  • jQuery 删除函数真的删除 Dom 元素吗?

    我真的想知道 jQuery 是否remove http api jquery com remove 函数确实从 DOM 中删除元素 首先 我看了here https stackoverflow com questions 2185760 j
  • PHP:在执行 php 脚本时显示“正在加载”页面

    这就是我现在所拥有的 我有一个网页 当访问该网页时 它会通过开放 API 连接到 Surveygizmo com 检索大量数据 然后将这些数据返回给我进行处理 此过程大约需要 10 12 秒 在执行时 页面只是处于 正在加载 状态 并且我会
  • 使用Doctype让scrollTop返回0,为什么?

    当我将此 Doctype 放入我的文档中时document body scrollTop返回零 这是为什么 当您使用该 Doctype 时 您会将每个当前浏览器放入所谓的几乎标准模式 http hsivonen iki fi doctype
  • 需要将焦点放在react中的div上

    我有一个之前用 H1 标签包裹的文本 页面加载后 我需要专注于该文本 为了方便起见 我将它包装在 div 中 render const translate billing primaryContactSelection true this
  • 如何在rollup中使用css @import?

    我尝试创建一个简单的汇总应用程序的配置 但在 css 方面遇到了一些麻烦 这是我的 CSS 文件 import normalize css import typeface roboto html body root height 100 f
  • bootstrap-datetimepicker 仅显示日期

    我正在用这个repo https github com smalot bootstrap datetimepicker由 smalot 提供 我只想选择并显示日期 对于其他一些地方 我显示数据和时间 因此选择此存储库 我可以设法仅使用它来选
  • 在成功回调之前修改 JSONP 结果

    我想从外部服务加载一些 JSON 数据 然而 它提供 foo bar useful 而我真正关心的是 有用 的部分 我需要将那部分传递给success打回来 我正在尝试使用Deferred一次从多个数据源加载 类似this https st
  • 在 gulp 和 browsersync 问题中观看新文件

    我使用 browsersync 在文件更改时重新加载浏览器 而且它工作完美 但是当我创建新文件 例如 html scss js 时 bowsersync 不起作用 如何解决这个问题 gulpjs Browser Sync gulp task
  • 如何使 CSS 动画/过渡以固定速度而不是固定持续时间播放? [复制]

    这个问题在这里已经有答案了 我有一个 CSS 动画 可以使元素沿直线移动未定义的距离 据我所知 动画具有固定的持续时间 因此无论元素必须移动多远 动画始终需要相同的时间来运行 我该如何制作才能使动画没有固定的duration 但有固定的运动
  • 使用 Javascript 删除字符串的最后一个字符

    我有一个DIV与一些字符 如何在每次单击时删除文本中的最后一个字符DIV itself 删除第一个字符 div on click function this text function index text return text repl

随机推荐

  • 无法生成时间戳:连接重置

    编译 adobe air 应用程序时出现以下错误 java Could not generate timestamp Connection reset 该应用程序几天前编译得很好 我不知道计算机的配置有任何变化 我将以下参数添加到 buil
  • Android BroadcastReceiver onReceive() 在 android 5.1.1 上调用两次,即使在一次注册之后

    我无法弄清楚下面的代码有什么问题 我还检查了两次注册接收者的情况 但事实也并非如此 或者可能是我遗漏了一些东西 请帮忙 我真的很需要它 import android app Service import android content Br
  • 如何使用php数组将sql查询结果转换为数据透视表?

    我正在尝试为图书馆预订系统创建一些统计数据 我的 sql 查询的结果类似于以下结构 total no students department property month 241 Physics undergraduate Nov 236
  • bash 提示符换行损坏

    我正在 OsX 上自定义 bash 提示符 以包含 git 分支以及分支状态的一些标记 这会打破换行 我知道我必须添加 和 来防止这个问题 https stackoverflow com questions 105349 bash prom
  • jquery:秒表

    我正在使用stopwatch我在这里找到的代码 http www kellishaver com projects stopwatch http www kellishaver com projects stopwatch function
  • 查找字符串中字符的所有位置

    我正在尝试使用非常基本的技能集查找 python 字符串中字符的所有索引号 例如 如果我有字符串 Apples are Excellent 并且我想找到字符串中 a 所在的位置 我理想的输出是 0 7 14 19 这些是字符串中出现 a 的
  • 无法再次绑定多部分标识符

    我正在尝试创建一个这样的存储过程 CREATE PROCEDURE dbo SP Name ID varchar 50 URL varchar 256 AS SELECT DISTINCT Table1 CID Table2 Name Ta
  • 如何从一个docker容器到另一个docker容器执行命令

    我正在创建一个应用程序 允许用户上传视频文件 然后对这些文件进行一些处理 我有两个容器 Nginx为网站提供服务的容器 用户可以在其中上传视频文件 视频处理容器具有FFmpeg并安装了一些其他处理工具 我想要实现什么 我需要容器 1 才能在
  • 返回设备 3.1 中的设备确认令牌

    现在 Devise 已从数据库中删除了 confirmation token 我如何在 rspec 中返回 devise 确认令牌 我试图通过使用确认令牌手动访问 user confirmation 路径来测试可确认模块 我怎样才能实现这个
  • asp.net 中缓存密钥长度

    我正在研究 MVC3 源代码 并发现了以下内容 在 OutputCacheAttribute cs 中 该内容在生成用于输出缓存的密钥时被调用 The key is typically too long to be useful so we
  • 什么是 Oracle ADF?

    什么是 Oracle ADF 我在网上找到了如下定义 ADF 集成了多种子框架来提供关键功能 对象关系映射和其他形式的服务访问 数据 绑定和用户界面 以及用于固定的功能胶 这一切都在一起 ADF 代表 应用程序开发框架 它是由 Oracle
  • UITextField secureTextEntry 项目符号具有自定义字体吗?

    我正在使用自定义字体UITextField 其中有secureTextEntry打开 当我在单元格中输入时 我会看到项目符号采用我选择的字体 但是当字段失去焦点时 这些项目符号将恢复为系统标准字体 如果我再次点击该字段 它们就会变回我的字体
  • 从普通图像创建鱼眼效果的算法

    我正在尝试创建一个 OpenGL 片段着色器 将普通图像转换为包含鱼眼效果的图像 这就是我所说的鱼眼效果 http www marcofolio net photoshop create a fish eye lens effect in
  • 如何检查鼠标是否位于 jQuery 中的元素上?

    有没有一种快速简单的方法可以在 jQuery 中实现我所缺少的功能 我不想使用鼠标悬停事件 因为我已经将其用于其他用途 我只需要知道鼠标在给定时刻是否位于某个元素上 我想做这样的事情 如果有一个 IsMouseOver 函数 functio
  • 正向工程师在 MySQL Workbench 中不执行任何操作

    我的经验很少MySQL Workbench并需要一些帮助来解决问题 我从以下位置加载了新的 EER 图 MWBGUI 中的文件并试图将其转换为SQL with Forward engineer 最初 我连接到localhost当我按下For
  • Reactjs 和 Rxjs 有什么区别?

    基本上我开始学习 Rxjs 我对 React 和 Rxjs 有点困惑 我以为 Reactjs 和 Rxjs 是一样的 问题 如果 Reactjs 和 Rxjs 是相同的 那么为什么我们使用 Reactjs 而不是 Rxjs 反之亦然 如果
  • 如何将多个查询参数映射到 Jersey GET 请求上的 bean 字段?

    一个服务类有一个 GET接受多个参数的操作 这些参数作为查询参数传递给 GET服务电话 GET Path find Produces MediaType APPLICATION XML public FindResponse find Qu
  • MySQL 查询 - 仅使用条目的最新版本的内连接

    我有一张表 名为jobs与各种信息 每个作业都有一个作业编号 唯一的 ID 然后还有另一个表 名为purchaseOrders具有 jobID 的 FK 和 poID 的 PK 编辑采购订单条目时 旧信息将被保存 这意味着 我创建了一个新的
  • 无法使用 ionic cli 1.3.2 添加人行横道

    我从 git 克隆了一个现有的 ionic 项目 我有ionic 1 3 2 and cordova 4 2 0 克隆后 我cd编辑到目录中并执行了ionic browser add crosswalk 表示人行横道添加成功 然后当我尝试做
  • 从background-image属性中获取URL

    我怎样才能从background image属性中获取URL 现在我这样做 window getComputedStyle element getPropertyValue background image replace url repl