javascript中怎么獲取指定class屬性名的元素

本篇內容主要講解“javascript中怎么獲取指定class屬性名的元素”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“javascript中怎么獲取指定class屬性名的元素”吧!

getElementsByClassName

除了通過指定標簽獲取元素外，DOM還提供了getElementsByClassName方法來獲取指定class名的元素。不過由于該方法比較新，較老的瀏覽器還不支持，比如IE6。不過我們可以通過hack方式來彌補老瀏覽器缺陷。該方法調用的方式如下所示：

document.getElementsByClassName('demo')    //demo為元素指定的class名

和getElementsByTagname一樣， 該方法除了能被document對象調用之外，還可以被普通的元素調用。

對于比較老的瀏覽器，比如IE6、7我們可以通過下面的hack方式來實現：

function getElementsByClassName(node,classname){
        if(node.getElementsByClassName) {
            return node.getElementsByClassName(classname);
        }else {
            var results = [];
            var elems = node.getElementsByTagName("*");
            for(var i = 0; i < elems.length; i++){
                if(elems[i].className.indexOf(classname) != -1){
                    results[results.length] = elems[i];
                }
            }
            return results;
        }
    }

到此，相信大家對“javascript中怎么獲取指定class屬性名的元素”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！