如何通過類獲取元素並在JavaScript中添加/刪除屬性？

Question

下文提到的是Class Name

var Tag = replaceContentInContainer('className'); 

function replaceContentInContainer(matchClass) { 
    var elems = document.getElementsByTagName('*'), i; 
    for (i in elems) { 
     if ((" " + elems[i].className + " ").indexOf(" " + matchClass + " ") > -1) { 
     } 
    } 
} 

我有onclick和style屬性與此標籤的方式來get the element。

我的查詢是，如何使用JavaScript在此標記中刪除/添加onclick/style屬性？

Answer 1

通過使用JQuery，你可以使用類選擇，然後刪除相關屬性通過使用removeattr功能：

$('.className').removeAttr('click style') 

添加和刪除一些類：

$('.className').addClass('className').removeClass('newlyaddedClass') 

Answer 2

var Tag = replaceContentInContainer('className'); 
for(var i = 0; i < Tag.length; i++){ 
    Tag[i].removeAttribute('onclick'); 
    Tag[i].removeAttribute('style'); 
} 

更新

對不起，我看見你的代碼錯誤。我假定你的功能正在恢復與類名元素的數組...所以，使用功能：

function replaceContentInContainer(matchClass) { 
    var elems = document.getElementsByTagName('*'), i; 
    for (i in elems) { 
     if ((" " + elems[i].className + " ").indexOf(" " + matchClass + " ") > -1) { 
      elems[i].removeAttribute('onclick'); 
      elems[i].removeAttribute('style'); 
     } 
    } 
} 

Answer 3

​$(function(){ 
    $(".className").removeAttr("onclick style");  
});​ 

http://jsfiddle.net/Curt/h6CT9/

Answer 4

HTML5定義了一個方法getElementsByClassName（），它允許我們根據類屬性中的標識符選擇文檔元素集。

var elts = document.getElementsByClassName("className"); 

for(var e = 0; e < elts.length; e++) { // For each element 
    var elt = elts[e]; 
    elt.removeAttribute("style"); 
    elt.removeAttribute("onclick"); 
} 

的removeAttribute（）
的removeAttribute（）中刪除從該元件的指定的屬性。嘗試刪除不存在的屬性會被忽略。

setAttribute（）
此方法將指定的屬性設置爲指定的值。如果沒有該名稱的任何屬性，則會創建一個新屬性。

hasAttribute（）
如果此元件具有指定名稱的屬性和假 否則此方法返回true。

https://developer.mozilla.org/en/DOM/element.removeAttribute