基础 - 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