removing html element styles via javascript

Question

I\'m trying to replace an element\'s inline style tag value. The current element looks like this:

`

        

Answer 1

Use

particular_node.classList.remove("<name-of-class>")

For native javascript

Answer 2

Completly removing style, not only set to NULL

document.getElementById("id").removeAttribute("style")

Answer 3

In JavaScript:

document.getElementById("id").style.display = null;

In jQuery:

$("#id").css('display',null);

Answer 4

Remove removeProperty

var el=document.getElementById("id");


el.style.removeProperty('display')

console.log("display removed"+el.style["display"])

console.log("color "+el.style["color"])

<div id="id" style="display:block;color:red">s</div>

Answer 5

The class attribute can contain multiple styles, so you could specify it as

<tr class="row-even highlight">

and do string manipulation to remove 'highlight' from element.className

element.className=element.className.replace('hightlight','');

---

Using jQuery would make this simpler as you have the methods

$("#id").addClass("highlight");
$("#id").removeClass("hightlight");

that would enable you to toggle highlighting easily

Answer 6

In jQuery, you can use

$(".className").attr("style","");