Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/377.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我想用Javascript填充元素_Javascript_Html_Css_Padding - Fatal编程技术网

我想用Javascript填充元素

我想用Javascript填充元素,javascript,html,css,padding,Javascript,Html,Css,Padding,我给我的元素上了一堂课。然后我运行javascript document.getElementsByClassName("class").style.padding = "20px" 但它不起作用。javascript中的填充不适用于类吗?返回一个类似数组的对象,因此您需要在循环中迭代所有这些对象,或者指定要更改的单个元素。当您更改为ID时,它会起作用,因为ID必须是唯一的 例: 必须循环: var elems = document.getElementsByClassName('class

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

document.getElementsByClassName("class").style.padding = "20px" 
但它不起作用。javascript中的填充不适用于类吗?

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

例:

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