這篇文章將為大家詳細講解有關如何解決原生js方法document.getElementsByClassName在ie8及其以下的兼容性問題，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
原生js方法“document.getElementsByClassName”在ie8及其以下瀏覽器中，不能使用。
修改：加入兼容性判斷，在需要用到該方法的位置修改為getClassNames方法。
代碼如下：
原來方法： document.getElementsByClassName('tabs_div')；
這里的調用方法為：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+/ ); //這個正則表達式是因為class可以有多個,判斷是否包含
for (var i=0;i<arr.length;i++){
if (arr[i]==classStr){
return true ;
}
}
return false ;
}
關于如何解決原生js方法document.getElementsByClassName在ie8及其以下的兼容性問題就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
