无法返回 HTML 元素的 css 属性[重复]

2023-12-08

HTML中有一个元素:<div id="block"></div>,它是通过 CSS 实现的属性:

#block { 
    background: red;
 }

如果我想在 JavaScript 中将 CSS 的属性分配给某个变量,如下所示:

var value = document.getElementById('block').style.background // It doesn't work

我怎么解决这个问题?


您可以使用getComputedStyle:

var value = window.getComputedStyle(document.getElementById('block')).getPropertyValue("background-color");
console.log(value);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

无法返回 HTML 元素的 css 属性[重复] 的相关文章

  • 使用 ReactJS 突出显示文本

    我试图突出显示与查询匹配的文本 但我不知道如何让标签显示为 HTML 而不是文本 var Component React createClass highlightQuery function name query var regex ne
  • 使用 Nestjs 和 typeorm 保存实体的审核

    我有一个实体Audit就像下面在 Nestjs 应用程序中使用 typeorm for mongodb 一样 Entity export class Audit Column createdBy string BeforeInsert se
  • 停止 ASP.NET 按钮的页面重新加载

    NET 应用程序中 我插入了一个调用 Javascript 函数的按钮 OnClientClick事件 和 VB NET 函数 OnClick event
  • 如何使用 jQuery 在悬停元素旁边显示一个 div?

    假设我有severaldiv 像这样 EDIT div class ProfilePic a href img src lib css img profile pic1 png alt class ProfilePicImg a div c
  • 如何防止字段的角度自动修剪?

    有没有什么方法可以防止整个应用程序中字段的角度自动修剪 我知道我可以使用 ngTrim 指令防止指定字段出现这种情况 但将此指令添加到应用程序中的所有文本字段看起来不太好 有什么方法可以对 Angular 模块中的所有字段执行此操作吗 这是
  • javascript 中的正则表达式和分隔符

    我不太擅长正则表达式 我需要一些帮助 但我被困住了 这就是我得到的 编辑 现在工作正常 看看 http jsfiddle net oscarj24 qrPHk 1 http jsfiddle net oscarj24 qrPHk 1 这就是
  • img设置flex-grow来填充flex容器剩余空间,它会导致flex内部溢出flex容器[重复]

    这个问题在这里已经有答案了 以下是我的代码 text1 溢出 Flex 容器 我期望 Flex 容器中的 img 文本和 img 填充 Flex 容器其余部分
  • Jquery 选择器中的冒号

    我最近将 jquery 从 1 4 更新到 2 1 并开始出现错误 在我的代码中 我有一部分通过 id 选择元素 jQuery id name 这会产生一个错误 但是之前没有错误 1 4 如果我转义冒号 错误就会消失 他们在最新版本中添加了
  • 从右到左打印表格单元格

    我制作了一个表格 并希望第一个单元格从右侧开始 而不是默认从左侧开始 我尝试更改 CSS 中的 float 属性 但似乎没有帮助 这是代码 table border 0 width 100 cellspacing 0 align cente
  • 如何将 props 传递给模态

    我有一个购物应用程序 我可以在其中映射一些产品并将它们呈现在屏幕上 用户可以增加 减少数量 当数量达到 1 并且用户点击减少时 一些中间件会介入并询问他们是否确定要将其从购物篮中删除 如果他们单击 否 则会关闭模式并将其留在购物篮中 如果他
  • 样式表何时添加到 document.styleSheets

    我正在尝试使用 javascript 动态添加 css 样式表规则 例如示例 2here https developer mozilla org en DOM CSSStyleSheet insertRule 它在大多数情况下都有效 但似乎
  • Svg 点击事件无法正常工作

    我试图让我的 SVG 看起来像一个 饼形 看起来一切都很好 此外 我希望它们每个都有不同的点击事件 function one alert 1 function two alert 2 function three alert 3 funct
  • 是否有跨浏览器的 jQuery contentEditable 库? [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 我正在寻找一个 jQuery 插件 库 它可以使 contentEditable 属性在所有主要浏览器中正常工作 我什至可以不用 IE6
  • 在 for 循环中突破 Promise 块

    我有以下代码 this storeNameValidate function stores var deferred q defer console log stores for storeIndex in stores this name
  • 竖线 (|) 是有效的 CSS 还是 Firefox 特定的?

    我注意到 Firebug 中的这条规则 link color 0000EE 我不确定我是否见过竖线 前 它位于 about PreferenceStyleSheet 中 因此它可能是 Firefox 特定的 这是什么意思 有参考链接吗 我以
  • jquery ui 自动完成添加跨度

    我在 div 上使用 jQuery 自动完成 但我得到了 jquery 自动添加的额外范围 span class ui helper hidden accessible search test span 如何防止创建此跨度 我通过添加 CS
  • 在 Twitter 引导流体布局中调整 iframe 大小的正确方法是什么?

    我有一个 2 列流体 Twitter 引导程序布局 并希望其中一个窗格中有一个 iframe 它将包含 Google 任务小部件 https mail google com tasks ig https mail google com ta
  • 如何使我的响应式网站在手机上支持“请求桌面网站”?

    我有一个响应灵敏的动态网站 Java Servlet 驱动且完全手工编码 由于它是一个返回数据表的科学站点 因此某些选项在较小的视口宽度下不可用 然而 可能有些用户更喜欢在桌面网站上挣扎才能访问这些选项 我希望适应他们 我的问题是 对于 i
  • 为什么事件属性不容易获取?

    我有以下代码 HERE https jsfiddle net 5n2zagjc 2 是可编辑的示例 用法 在输入字段中键入并观看控制台 function test event let keys Object keys event let k
  • JSON 数据的动态表单(不同类型)

    我尝试使用 JSON 中的数据在 AngularJS 中创建动态表单 我有这个工作 HTML p p

随机推荐

  • 关于 np.all 与 axis 的使用

    我尝试测试使用np all 测试数组a is a array 0 0 0 0 0 0 0 0 0 0 0 0 0 0 255 255 255 255 0 0 0 255 0 0 b 255 0 255 c np all a b axis 1
  • 将数据从一个 MySQL 表移动到另一个表

    当用户单击名为 删除 的按钮时 我试图将数据从一个数据库 注册 移动到另一个数据库 我想将数据移动到名为archived的表中 这是我尝试过的 从谷歌找到 result mysql query Insert Into archived se
  • LINQ to SQL 是否使用 ActiveRecord 模式?

    我刚刚研究了ActiveRecord模式 并基于此 http en wikipedia org wiki Active record pattern 看来 Linq 2 Sql 或多或少实现了这一点 我错了吗 或者需要更改什么才能使其符合
  • OpenGL 中对 R8G8B8 纹理的 NPOT 支持

    我使用 glew 和 glut 创建了一个示例应用程序 它读取 dds 文件并显示它 我手动读取dds文件 R8G8B8中的NPOT 886 x 317 文件 并创建数据指针 unsigned char 然后我使用准备纹理 void pre
  • RxJS 订阅未触发

    目前正在学习 RxJS 我有一个整数selectedCourseIndex在我想要订阅一个单独的组件的服务中 课程部分 service ts private selectedCourseIndex number 1 this number
  • C 中的变量定义忽略[重复]

    这个问题在这里已经有答案了 Code int main int a 1 switch a int b 20 case 1 printf b is d n b break default printf b is d n b break ret
  • 嵌套数组。第三层正在消失

    我有那个数组 a array 7 gt array id gt 7 parent gt 6 6 gt array id gt 6 parent gt 5 5 gt array id gt 5 parent gt 4 4 gt array i
  • mongodb可以作为嵌入式数据库使用吗?

    我正在开发 RSS 阅读器应用程序 我需要找到一个后端数据库 我希望嵌入数据库 因为我不希望用户安装数据库服务器 我知道 SQLite 是一个不错的选择 但我想知道是否还有其他 nosql 选择 我还没有 50 个代表点来评论和建立已接受的
  • 关闭弹出窗口后自动刷新父窗口

    我的 主 jsp 中有 2 个弹出屏幕 在第一个弹出窗口中 用户将更新所需的信息 更新 提交信息后 将显示一个新的弹出窗口 显示修改 查看 我想当用户单击视图页面中的关闭 X 时刷新主页 我尝试在视图页面中使用如下一些脚本 但它不起作用
  • 改变 Java 中静态方法的行为 - 字节码操作

    我正在尝试操纵静态方法 为了这 字节好友或者可以使用任何其他框架 有一个图书馆叫做Pi4J用于控制Raspberry Pi的GPIO 这个库有一个方法叫做 GpioController gpio GpioFactory getInstanc
  • 为数据网格的标题添加不同的上下文菜单

    我想为 WPF 上的数据网格标题添加不同的上下文菜单 我怎样才能做到这一点 这些资源将帮助您 WPF 中的上下文菜单 WPF 上下文菜单 如何创建自定义 WPF 上下文菜单 WPF 使用 XAML 这是另一种标记语言 您通常看到的一个常见现
  • 使用 javascript 从 json 对象动态添加数据行?

    我的网站项目中有一个 json 文件 如下所示 id 1 name ramesh phone 12345 salary 50000 id 2 name suresh phone 123456 salary 60000 这是示例数据 它有 4
  • 用户输入而不暂停代码(C++ 控制台应用程序)

    如何在不导致代码停止执行的情况下进行输入 在过去的 20 分钟里我一直在寻找答案 但没有结果 cin gt gt string 暂停代码 AFAIK 我需要使用多线程 还是有更好的方法 我什至不知道多线程是否有效 我最近开始学习c 至少可以
  • Meteor - 使用公共 IP 访问应用程序

    我可以使用 localhost 3000 访问该应用程序 但我尝试在本地移动设备上进行测试 而无需部署它 但我无法访问该网站 我允许传入请求 sudo ufw status verbose Status active Logging on
  • 给定两个点和两个向量,找到交点[重复]

    这个问题在这里已经有答案了 可能的重复 如何检测两条线段相交的位置 给定两点a and b加两个向量v and u我想找到第三点c 它是交点 如下所示 vector2 intersection vector2 a vector2 v vec
  • OneNote API /pages 端点无法正常工作[关闭]

    Closed 这个问题是无法重现或由拼写错误引起 目前不接受答案 Summary 为了通过 REST API 获取有关我最近修改的 OneNote 页面的最新信息 我进行了一个简短的实验 在其中创建了一个新的 Outlook ID 使用 W
  • 多部分/表单数据请求的 Indy MIME 解码返回尾随 CR/LF

    Indy 10 6 修订版 5128 似乎包含一项更改 该更改破坏了以下 HTTP 表单上传的代码 接收到的数据末尾包含两个附加字节 即 CR LF 对 通读 5127 和 5128 之间更改的代码行并没有让我找到根本原因 当我找到时间时
  • 使用 extrafont 包检索 Windows 字体后,字体表仍为空

    为了将字体名称为 Calibri 的 ggplots 保存到 pdf 文件 我尝试使用extrafont包以便能够在 ggplot2 中使用此字体类型 这些是我采取的步骤 font import 获取所有字体后 在此过程中似乎没有任何问题
  • 从 ActionContext 获取/设置 ServletRequest 属性

    我需要设置一个ServletRequestStruts2 拦截器 不是操作类 中的属性 是否ActionContext暴露一个Map
  • 无法返回 HTML 元素的 css 属性[重复]

    这个问题在这里已经有答案了 HTML中有一个元素 div div 它是通过 CSS 实现的属性 block background red 如果我想在 JavaScript 中将 CSS 的属性分配给某个变量 如下所示 var value d