javascript - 无法从 child 那里获取 CSS 属性？

Question

我这里有这段 HTML 代码:

 <div id="ctr" class="faden-slider-container">
    <div class="conteneur-image" ></div>
    <div class="conteneur-image" ></div>
    <div class="conteneur-image" ></div>
</div>

我正在尝试获取第二个 div 的 CSS 属性，该类的名称是 conteneur-image 但我什么也没得到:

app.controller("slideCtrl",function ($scope) {
    alert("hello")

    var tab = new Array();
    var elements = new Array();

    for(var i = 0; i<3 ; i++){
        elements[i] = document.getElementById("ctr").children[i]
    }

    var style = window.getComputedStyle(elements[1])
    var message = style.getPropertyCSSValue("background").cssText()

    alert("CSS Value is  : "+message)
})

Answer 1

那里有几个问题。

• getPropertyCSSValue已过时，可能不再适用于浏览器

• id 是一个选择器，不是一个有效的 css 属性

使用getPropertyValue相反，

var message = style.getPropertyCSSValue("background");

演示

var style = window.getComputedStyle(document.getElementById("ctr").children[1])
var message = style.getPropertyValue("background");

console.log("CSS Value is  : " + message)

<div id="ctr" class="faden-slider-container">
  <div class="conteneur-image"></div>
  <div class="conteneur-image"></div>
  <div class="conteneur-image"></div>
</div>