Google Chrome和Internet Explorer中的getElementsByClassName性能

Question

此代碼完全在Google Chrome中運行;但是，它在Internet Explorer中不起作用。

function HideMyClassItems() 
{ 
    var classone= document.getElementsByClassName('classone'); 
    for(var i=0; i<classone.length; i++) { 
    classone[i].style.display='none'; 
    } 
} 

怎麼了？

Answer 1

IE8下不支持getElementsByClassName()，但有三個選項，你可以試試。

1：您可以創建一個功能

function getElementsByClassName(node, classname) { 
    var a = []; 
    var re = new RegExp('(^|)'+classname+'(|$)'); 
    var els = node.getElementsByTagName("*"); 
    for(var i=0,j=els.length; i<j; i++) 
     if(re.test(els[i].className))a.push(els[i]); 
    return a; 
} 

，並使用功能這樣

var classone = getElementsByClassName(document.body,'classone'); // no document 

2：您可以使用jQuery。

var classone = $('.classone'); 

3：您可以使用querySelectorAll()方法/函數。

var classone = querySelectorAll('.classone'); 

Answer 2

getElementsByClassName方法可能不適用於所有瀏覽器。

您可以嘗試使用jQuery庫作爲跨瀏覽器選擇器解決方案。

Answer 3

如果是Internet Explorer，自版本以來支持getElementsByClassName方法。

這裏的參考：http://caniuse.com/getelementsbyclassname