我想用Javascript给Elements填充

Question

我给了我的元素一堂课。然后我在javascript中运行

document.getElementsByClassName("class").style.padding = "20px" 

但它没有奏效。问题是javascript填充不适用于类吗？

Answer 1

getElementsByClassName返回一个类似数组的对象，因此您需要在循环中迭代所有这些对象，或者指定要更改的单个元素。当您更改为ID时它会起作用，因为ID必须是唯一的。

例如：

var elems = document.getElementsByClassName('class');
Array.prototype.filter.call(elems, function(testElement){
    testElement.style.padding = "80px" 
});

<强> jsFiddle example