if it's correct remove a class in the dom using ClassName?

Question

in the following element to remove class='nav':

<p class="nav">I am Div1</p>
var p = document.getElementsByClassName("nav")[0];

i know that i can remove it using

p.classList.remove("nav")

But can i use Use :

p.className = "".

Thank you in advance

Thank you, but i already know the answer, i just want to know if this answer p.className = "". is correct or not — Shinichi, Aug 11 '20 at 15:08
It depends on your goal. `className = ''` will remove ***all*** classes on the element, not just one specific one. If that's your goal, then it will work. If you want to remove a single class then you'll need `.classList.remove('foo')` — Rory McCrossan, Aug 11 '20 at 15:11
So if i use p.className = "", it will remove all classes names in paragraphs ? — Shinichi, Aug 11 '20 at 15:16
You can easily know the answer to this by trying out the statement in your code — Anurag Srivastava, Aug 11 '20 at 15:17
@freedomn-m well nothing, that's why am asking. it's my first time using and learning dom so .. — Shinichi, Aug 11 '20 at 15:27

score 1 · Answer 1 · answered Aug 11 '20 at 15:01

1

with JQuery:

$('.nav').removeClass('nav');

answered Aug 11 '20 at 15:01

nAviD

2,784
1
33
54

score 1 · Answer 2 · answered Aug 11 '20 at 15:04

1

You can easily do it using element.classList.remove() in JavaScript

document.getElementsByClassName("nav")[0].classList.remove("nav");

answered Aug 11 '20 at 15:04

keidakida

713
4
12

score 1 · Answer 3 · answered Aug 11 '20 at 15:04

1

try this one

p.classList.remove("env");

answered Aug 11 '20 at 15:04

Shamama

46
5

score 1 · Answer 4 · answered Aug 11 '20 at 15:04

1

You can remove it like this:

p.classList.remove('class1')

answered Aug 11 '20 at 15:04

Eduardo Messias

23
6

Sascha · Accepted Answer · 2020-08-11T15:11:32.300

1

p.className=''; works perfectly as long as you want to remove all classes.
Otherwise use classList.remove

document.getElementById('btn').addEventListener('click', function() {
    var p = document.getElementsByClassName("nav")[0];
    p.classList.remove('nav');
});

.nav { background: red }

<p class="nav">I am Div1</p>
<button id ='btn'>Remove

edited Aug 11 '20 at 15:11

answered Aug 11 '20 at 15:04

Sascha

4,576
3
13
34

if it's correct remove a class in the dom using ClassName?

5 Answers5