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

Question

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

thanks.

Aalexander · Accepted Answer · 2021-02-15 20:55:29Z

2

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>

answered Feb 15, 2021 at 20:55

Aalexander

4,9843 gold badges14 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ran Turner · Accepted Answer · 2021-02-15 21:01:29Z

0

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');
}

answered Feb 15, 2021 at 21:01

Ran Turner

18.7k9 gold badges60 silver badges60 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related