I want to give Elements padding with Javascript

Question

I gave my elements a class. I then run in javascript

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

but it didin't work. Is the problem that in javascript padding doesn't work with classes?

must loop: https://jsfiddle.net/m94jtq94/ – I wrestled a bear once. Dec 07 '16 at 20:56 — I wrestled a bear once., Dec 07 '16 at 20:56

score 2 · Answer 1 · answered Dec 07 '16 at 20:55

getElementsByClassName returns an array-like object, so you either need to iterate over all of them in a loop, or specify the individual elements you want to change. It works when you change to an ID because ID's must be unique.

Ex:

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

jsFiddle example

I want to give Elements padding with Javascript

1 Answers1