javascript - 如何获取分配给 html 表格的 CSS 属性?

标签 javascript html css

我有一个 HTML 表,其中每一行都分配了一些样式类(通过服务器端代码动态分配)。

HTML 看起来像:

<tr id= "2977"  class ="x y z a b c" >

我正在使用它来访问一行的背景颜色:

document.getElementById("2977").style.backgroundColor

但是我无法读取任何样式属性;上面的行返回 null。如果我检查 Chrome 中的行元素,它会显示该行的十六进制颜色。

如何读取元素的当前背景颜色?

最佳答案

如果你不想使用任何 javascript 库,你可以这样做:

row = document.getElementById("2977")
var bgStyle = window.getComputedStyle(row).getPropertyValue("background-color");

我只是快速查了一下,我不确定是否有任何陷阱。

关于javascript - 如何获取分配给 html 表格的 CSS 属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9533042/

相关文章:

html - 在这种情况下如何垂直居中 img

javascript - 如果 img 等于某个高度,则隐藏它

javascript - 10 秒后停止执行 javascript/jquery

javascript - Angular 变量设置为 HTML src 属性的值,向服务器发送不必要的请求

javascript - 如何防止查询字符串值可见

html - 像素精度降低 2 个像素

javascript - 如何为除使用 javascript/jquery/css 悬停的链接之外的所有链接创建悬停效果?

href 属性中的 JavaScript 函数调用

javascript - 当主体受到影响时,如何在主体内的 div 中添加 jquery .not() ?

css - 在调整浏览器大小时或当用户浏览器缩放不是 100% 时,在 Bootstrap 导航栏中缩放 Logo ?