CODEWITHSUNDEEP
javascripthtmlclassaddition
Julie Zhu
Julie Zhu

Reputation: 37

Is it possible to add a class using javascript? no id and class in the div

enter image description here

See the attached image, I would like to add a class where the arrow is pointing.

thanks.

Upvotes: 1

Views: 47

Answers (2)

Ran Turner
Ran Turner

Reputation: 18036

The getElementsByTagName() method returns a collection of all elements in the document with the specified tag name (don't forget to check the length so you won't get a null exception)

const divs = document.getElementsByTagName('div');
if (divs.length > 1){
    divs[1].classList.add('your-class');
}

Upvotes: 0

Aalexander
Aalexander

Reputation: 5004

You can get all the div elements with

getElementsByTagName('div')

Then you can add it to the second element by adding the new class to the element at indice 1

document.getElementsByTagName('div')[1].classList.add('foo');


document.getElementsByTagName('div')[1].classList.add('foo');
.foo {
  background-color: purple;
}
<div>
  <div>HI
    <div>
    </div>
  </div>
</div>

Upvotes: 2

Related Questions