Change A Class Name to a empty name

Question

I'm noob and I need help. I want to change the Class name when I enter the Web

Here is the Html :

<div class="row innerbodypanel">
    <form name="AGX" id="AGX" action="" method="post" autocomplete="off">
</div>

I want to change the Class (row innerbodypanel) to a empty like Class=""

Does this answer your question? [How to change an element's class with JavaScript?](https://stackoverflow.com/questions/195951/how-to-change-an-elements-class-with-javascript) — T. Short, Jan 06 '20 at 14:46
Does this answer your question? [Clear element.classList](https://stackoverflow.com/questions/15040297/clear-element-classlist) — Mr. Polywhirl, Jan 06 '20 at 14:51

score 1 · Accepted Answer · answered Jan 06 '20 at 14:49

use jQuery removeClass
$(".innerbodypanel").removeClass("row innerbodypanel")

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="row innerbodypanel">
<form name="AGX" id="AGX" action="" method="post" autocomplete="off">

Nicolas · Answer 2 · 2020-01-06T14:50:46.710

0

You could use the className property to change it to an empty string ('')

document.querySelector('.btn').onclick = () => {
  document.querySelector('.row.innerbodypanel').className = '';
}

.row {
  background-color: red;
}

.innerbodypanel {
  color: white;
  font-weight: bold;
}

<div class="row innerbodypanel">test!</div>
<form name="AGX" id="AGX" action="" method="post" autocomplete="off"></form>
<button class="btn">click me !</button>

edited Jan 06 '20 at 14:50

answered Jan 06 '20 at 14:48

Nicolas

8,077
4
21
51

Isn't `className` the string version of `classList`? – Mr. Polywhirl Jan 06 '20 at 14:49
@Mr.Polywhirl i guess both works, but `className` might be more intuitive to use with a string. Let me edit my answer. – Nicolas Jan 06 '20 at 14:50

score 0 · Answer 3 · answered Jan 06 '20 at 14:49

0

try like this

<div id="A" class="row innerbodypanel">
   <form name="AGX" id="AGX" action="" method="post" autocomplete="off">
</div>

$("#A").removeClass("innerbodypanel")

answered Jan 06 '20 at 14:49

Ishwar Gagare

723
3
9

score 0 · Answer 4 · answered Jan 06 '20 at 15:09

$(document).ready(() =>
{
    $("div").removeClass("row innerbodypanel");
});

This will remove the class when the entire page is loaded. Thus, there is no danger that the removeClass function will be executed before the div element is loaded. Also you will maybe need an id for the div because the "div" selector is very generic.

Change A Class Name to a empty name

4 Answers4