xoá kiểu phần tử html qua javascript

Question

Tôi đang cố gắng thay thế giá trị thẻ kiểu nội tuyến của 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ả nội dung theo phong cách của nó chứ không phải 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 vi phạm tại các tuyên bố này. Toàn bộ chức năng trông giống như:
chức năng 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"); 
} 

các clearInterval hoạt động nhưng cảnh báo không bao giờ cháy và nền vẫn như cũ. Bất cứ ai nhìn thấy bất kỳ vấn đề? 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"); 
} 

Answer 1

bạn chỉ có thể làm: element.removeAttribute("style")

Answer 2

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

nếu bạn đang sử dụng jQuery sau đó

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

Answer 3

Thuộc tính lớp có thể chứa nhiều phong cách, để bạn có thể chỉ định nó là

<tr class="row-even highlight"> 

và làm chuỗi thao tác để xóa 'điểm nhấn' từ element.className

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

---

Sử dụng jQuery sẽ làm đơn giản này là bạn có phương pháp

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

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

Answer 4

Trong JavaScript:

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

Trong jQuery:

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

Answer 5

Sử dụng

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

Đối với javascript mẹ đẻ