javascript - 不能从 child 那里获得CSS属性？

我在这里有此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)
})

最佳答案

那里有几个问题。

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>