基础 - DOM

标签：

Document Object Model

文档对象模型

提供结构化表示

提供了JS脚本访问结构的方式

文档节点 Node

document.getElementById()

　document.getElementsByClassName()  此方法有兼容性问题

　document.getElementsByTagName()

解决方案

getElementsByClassName的兼容写法

window.onload = function () {

    function funIsContain(sObject,sTarget) {
        var aObject = sObject.split(" ");
        for (var i=0,l=aObject.length;i<l;i++) {
            if (aObject[i] == sTarget)
                return true;
        }
        return false;
    }
    function funGetClass(sClassName,sId) {
        var oParent = null;
        if (sId) {
            oParent = document.getElementById(sId);
        }else{
            oParent = document;
        }
        if (oParent.getElementsByClassName)
            return oParent.getElementsByClassName(sClassName);
        var aNodes = oParent.getElementsByTagName("*");
        var aContent = [];
        for (var i=0,l=aNodes.length;i<l;i++) {
            if (funIsContain(aNodes[i].className,sClassName))
                aContent.push(aNodes[i]);
        }
        return aContent;
    }
    

}

节点间的关系

父节点　　　　oOBject.parentNode

兄弟节点　　　oOBject.nextSibling

基础 - DOM

标签：

原文地址：http://www.cnblogs.com/WeWeZhang/p/5743294.html