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

這篇文章主要介紹“javascript怎么獲取指定class屬性名的元素”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“javascript怎么獲取指定class屬性名的元素”文章能幫助大家解決問題。

具體內(nèi)容如下：

getElementsByClassName

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

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

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

對(duì)于比較老的瀏覽器，比如IE6、7我們可以通過下面的hack方式來實(shí)現(xiàn)：

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;
        }
    }

關(guān)于“javascript怎么獲取指定class屬性名的元素”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。