javascript - 如何在 javascript 中编写 css 代码？ (未捕获类型错误 : Cannot set property "height" of undefined)

Question

如何在javascript中编写css代码？ (未捕获的类型错误:无法设置未定义的属性“高度”)

javascript

document.getElementById("slideshow").getElementsByClassName("arrow").style.height = "86px";

CSS

#slideshow .arrow{
    height:86px;
    width:60px;
    position:absolute;
    background:url('arrows.png') no-repeat;
    top:50%;
    margin-top: -43px;
    cursor: pointer;
    z-index: 5000;
}

Answer 1

这里的关键是 getElementsByClassName - elements 的复数化。此方法返回一个类似数组的元素对象，而不仅仅是一个元素。

要将样式应用到每个元素，您需要遍历这个类似数组的对象并将样式添加到返回的每个单独元素:

var elems = document.getElementById("slideshow").getElementsByClassName("arrow");

for (var i = 0; i < elems.length; i++)
    elems[i].style.height = "86px";