溫馨提示×

javascript如何獲取指定class屬性名的元素

沐橙
1680
2021-05-11 11:46:17
欄目: 編程語言

javascript中獲取指定class屬性名元素的方法:可以使用“getElementsByClassName”方法獲取指定class屬性名的元素;語法格式為:“document.getElementsByClassName('demo') ”,這里“demo”指的是class屬性名;需要在HTML中通過script標簽添加javascript代碼來實現(xiàn)獲取指定class屬性名元素。

javascript如何獲取指定class屬性名的元素

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

getElementsByClassName

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

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

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

對于比較老的瀏覽器,比如IE6、7我們可以通過下面的hack方式來實現(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;

        }

    }

0