JavaScript, DOM查找元素

1.document.getElementById("id");

  => IE8 及较低版本不区分ID的大小写

  => IE7及较低版本中表单元素的name特性和ID都会被该方法返回

  

2.document.getElementsByTagName("Tag");

  => 为了最大限度的兼容既有的HTML页面,该方法不区分大小写

  => 但在XML和XHTML中区分大小写

3.document.getElementsByName("name");

  => 用于获取带有name属性的表单元素(多用于获取单选按钮(radio)选中的值)

4.document.getElementsByClassName("class");

  => IE8及更低版本不支持该方法

    function getByClass(oParent, sClass){
            var aEle = oParent.getElementsByTagName('*');
            var result = [];
            //var re = '/\\b'+sClass+'\\b/i';
            ///\bbox\b/i  /\bbox\b/i

            var re = new RegExp('\\b'+sClass+'\\b','i');

            for( i=0;i<aEle.length;i++){
                //if(aEle[i].className == sClass)
                //if(aEle[i].className.search(re))
                if(re.test(aEle[i].className))
                {
                    result.push(aEle[i]);
                }
            }
            return result;
        }

猜你喜欢

转载自www.cnblogs.com/lianchenxi/p/9391564.html