adding class to div element using javascript

Question

im really new to js, and im currently making a webiste. Because i have a repeated html code for the header and footer of the wepage, i used php to call the html file rather than repeating the same code. On the other hand,i wanted the current active page to have a different color, therefor i am using javascript to get the name of the class and add the class active to make a exeption in css. getting the id seems to be working, but i cant find the class active being add. why is this?

<p class="activepage" id="felt">aegearg<p>    
<script>
      var element = document.getElementsByClassName("activepage")[0];
      var id = element.id;
      getElementsByClassName(id).classList.add("active");
    </script>

Try element.classList.add("active");. Get rid of lines: var id = element.id; and getElementsByClassName(id).classList.add("active");. — Robert
– Robert, Commented Mar 29, 2022 at 8:16

Diar J R · Accepted Answer · 2022-03-29 11:14:08Z

2

you can use this code:

document.getElementById("IdElement").classList.add("ClassNameAdd");

answered Mar 29, 2022 at 11:14

Diar J R

413 bronze badges

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

Comments

benkov · Accepted Answer · 2022-03-29 08:15:32Z

1

ids of the elements should be unique , search your element by id and then remove or add the desired class name

document.getElementById("MyElement").classList.add('MyClass');

document.getElementById("MyElement").classList.remove('MyClass');

answered Mar 29, 2022 at 8:15

benkov

1949 bronze badges

Comments

OmOursPor · Accepted Answer · 2022-03-29 08:17:04Z

0

you can do it like that:

const element = document.QuerySelector("#activepage");
element.ClassList.add("active");

answered Mar 29, 2022 at 8:17

OmOursPor

142 bronze badges

Comments

Shebin KP · Accepted Answer · 2022-03-31 10:25:37Z

0

In jQuery

$('#activepage').addClass('active');

instead of addClass you can toggleClass for removing and adding class

answered Mar 31, 2022 at 10:25

Shebin KP

1154 bronze badges

Collectives™ on Stack Overflow

adding class to div element using javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related