Question

我想获取元素的background属性。这是我的代码。

<!doctype html>
<html>
<head>
<style>
div#pt {
    background: rgba(192,15,18,1.00);
    width: 200px;
    height: 200px;
}
</style>
</head>

<body>
<div id="pt" onClick="pick()"></div>
<script>
function pick() {
debugger;
var color = document.getElementById("pt").style.background;
}
</script>
</body>
</html>

我认为这会起作用，但它不起作用。它为color变量提供一个空字符串。我认为这不是获得背景属性价值的正确方法。所以，请帮助我，我怎样才能获得背景属性的价值。

Answer 1

style属性仅包含在style属性中指定的样式或由脚本设置的样式。在那里找不到在style元素或外部样式表中设置的样式，此时您需要针对不同浏览器的不同技术（除了IE之外的所有内容的标准技术，如常）。

适用于IE

var color= document.getElementById("pt").currentStyle.background;

其他浏览器

var color= getComputedStyle(document.getElementById("pt")).getPropertyValue(background);

Answer 2

使用<table> <thead> <tr> <th>菜名</th><th>单价</th><th>份数</th><th>小计</th> </tr> </thead> <tbody> <tr><td>{{myModal.detail}}</td><tr> //do what you need with this object </tbody> </table>作为后退。你可以这样做：

getComputedStyle

换行符仅用于说明目的。

在JavaScript中将样式属性的值存储到变量中。

2 个答案: