关于javascript中DOM的理解和应用01

DOM（Document Object Model）：是文档对象模型，赋予js操作节点的能力。当网页被加载时，浏览器会创建页面的文档对象模型。寻找HTML元素：1、通过id、找到HTML元素(getElementById())2、通过标签名找到HTML元素(getElementsByTagName())--通过该方式获取的是数组3、通过类名找到HTML元素(getElementsByClassName())每个载入浏览器的 HTML 文档都会成为 Document 对象1、JavaScript 能够改变页面中的所有 HTML 元素2、JavaScript 能够改变页面中的所有 HTML 属性3、JavaScript 能够改变页面中的所有 CSS 样式4、JavaScript 能够对页面中的所有事件做出反应DOM节点（childNodes、nodeType）：节点分为文本节点和元素节点（标签）例 `<ul id='ul1'><li><li></ul>` `for(var i=0;i<oUl.childNodes.length;i++){alert(oUl.childNodes[i].nodeType);}`在js中循环输出节点类型，得3 1 3 1 3；文本节点为3，元素节点为1；children可以获取子节点可以通过类名来选择元素：通过声明封装函数，再进行调用

function getByClass(oParent, sClass)    {        var aResult=[];        var aEle=oParent.getElementsByTagName('*');        for(var i=0;i<aEle.length;i++)        {            if(aEle[i].className==sClass)            {            aResult.push(aEle[i]);            }        }        return aResult;    }

通过createElement(标签名) 创建一个节点，appendChild(节点) 加一个节点
var XX=document.createElement(”)–创建一个节点
父级.appendChild（子节点）
创建出来的节点通过.innerHTML进行赋值 XX.innerHTML=XX.value;
.insertBefore可以让新建的节点倒序插入
removeChild(节点) 删除一个节点