xóa các kiểu phần tử html thông qua javascript

Tôi đang cố gắng thay thế giá trị thẻ kiểu nội tuyến của một phần tử. Phần tử hiện tại trông giống như sau:

`<tr class="row-even" style="background: red none repeat scroll 0% 0%; position: relative; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" id="0000ph2009-06-10s1s02">`

và tôi muốn xóa tất cả những thứ mang phong cách đó để nó được tạo kiểu theo đẳng cấp hơn là kiểu nội tuyến. Tôi đã thử xóa element.style; và element.style = null; và element.style = ""; không có kết quả. Mã hiện tại của tôi bị hỏng tại câu lệnh này. Toàn bộ hàm trông giống như:
function unSetHighlight (index) {

if(index < 10)
index = "000" + (index);
else if (index < 100)
  index = "000" + (index);
  else if(index < 1000)
    index = "0" + (index);
    if(index >= 1000)
      index = index;

var mainElm = document.getElementById('active_playlist');
var elmIndex = "";

for(var currElm = mainElm.firstChild; currElm !== null; currElm = currElm.nextSibling){
  if(currElm.nodeType === 1){

  var elementId = currElm.getAttribute("id");

  if(elementId.match(/\b\d{4}/)){

    elmIndex = elementId.substr(0,4);


    if(elmIndex == index){
      var that = currElm;
      //that.style.background = position: relative;
      }
    }
  }
}

clearInterval(highlight);
alert("cleared Interval");
that.style.background = null;

alert("unSet highlight called");
}

clearInterval hoạt động nhưng cảnh báo không bao giờ kích hoạt và nền vẫn như cũ. Có ai thấy vấn đề gì không? Cảm ơn trước...

function unSetHighlight(index){  
  alert(index);  
  if(index < 10)  
    index = "000" + (index);  
    else if (index < 100)  
      index = "000" + (index);  
      else if(index < 1000)  
        index = "0" + (index);  
        if(index >= 1000)  
          index = index;  

    var mainElm = document.getElementById('active_playlist');
    var elmIndex = "";

    for(var currElm = mainElm.firstChild; currElm !== null; currElm = currElm.nextSibling){
      if(currElm.nodeType === 1){

      var elementId = currElm.getAttribute("id");

      if(elementId.match(/\b\d{4}/)){

        elmIndex = elementId.substr(0,4);
        alert("elmIndex = " + elmIndex + "index = " + index);


        if(elmIndex === index){
          var that = currElm;
          alert("match found");
          }
        }
      }
    }

    clearInterval(highlight);
    alert("cleared Interval");
    that.removeAttribute("style");

    //that.style.position = "relative";
    //reColor();
    alert("unSet highlight called");
}

bạn chỉ có thể làm:

element.removeAttribute("style")

Trong JavaScript:

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

Trong jQuery:

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

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

nếu bạn đang sử dụng jQuery thì

$("#id").removeClass("classname");

Thuộc tính lớp có thể chứa nhiều kiểu, vì vậy bạn có thể chỉ định nó là

<tr class="row-even highlight">

và thực hiện thao tác chuỗi để xóa 'đánh dấu' khỏi element.className

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

Sử dụng jQuery sẽ làm cho việc này đơn giản hơn khi bạn có các phương thức

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

điều đó sẽ cho phép bạn chuyển đổi dễ dàng đánh dấu

Sử dụng

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

Đối với javascript gốc

Trong jQuery, bạn có thể sử dụng

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

Hoàn toàn xóa kiểu, không chỉ được đặt thành NULL

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

Loại bỏ 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>