我想用Javascript给元素填充[重复]

【问题标题】：I want to give Elements padding with Javascript [duplicate]我想用Javascript给元素填充[重复]
【发布时间】：2017-04-22 23:16:30
【问题描述】：

我给我的元素一个类。然后我在 javascript 中运行

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

但它没有工作。 javascript padding 中的问题是否不适用于类？

【问题讨论】：

必须循环：jsfiddle.net/m94jtq94

标签： javascript html css padding

【解决方案1】：

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

例如：

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

jsFiddle example

【讨论】：