這篇文章將為大家詳細(xì)講解有關(guān)如何解決原生js方法document.getElementsByClassName在ie8及其以下的兼容性問(wèn)題，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個(gè)參考，希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。

創(chuàng)新互聯(lián)為您提適合企業(yè)的網(wǎng)站設(shè)計(jì)?讓您的網(wǎng)站在搜索引擎具有高度排名，讓您的網(wǎng)站具備超強(qiáng)的網(wǎng)絡(luò)競(jìng)爭(zhēng)力！結(jié)合企業(yè)自身，進(jìn)行網(wǎng)站設(shè)計(jì)及把握，最后結(jié)合企業(yè)文化和具體宗旨等，才能創(chuàng)作出一份性化解決方案。從網(wǎng)站策劃到網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)， 我們的網(wǎng)頁(yè)設(shè)計(jì)師為您提供的解決方案。

原生js方法“document.getElementsByClassName”在ie8及其以下瀏覽器中，不能使用。

修改：加入兼容性判斷，在需要用到該方法的位置修改為getClassNames方法。

代碼如下：

原來(lái)方法： document.getElementsByClassName('tabs_div')；

這里的調(diào)用方法為：getClassNames('tabs_div' , 'div')；

代碼如下:

var divs = getClassNames('tabs_div' , 'div');
function getClassNames(classStr,tagName){
if (document.getElementsByClassName) {
return document.getElementsByClassName(classStr)
}else {
var nodes = document.getElementsByTagName(tagName),ret = [];
for(i = 0; i < nodes.length; i++) {
if(hasClass(nodes[i],classStr)){
ret.push(nodes[i])
}
}
return ret;
}
}
function hasClass(tagStr,classStr){
var arr=tagStr.className.split(/\s+/ ); //這個(gè)正則表達(dá)式是因?yàn)閏lass可以有多個(gè),判斷是否包含
for (var i=0;iif (arr[i]==classStr){
return true ;
}
}
return false ;
}

關(guān)于如何解決原生js方法document.getElementsByClassName在ie8及其以下的兼容性問(wèn)題就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。