DOM基础

window.onload事件

 在全文加载完之后触发
window.οnlοad=function(){}

获取元素节点

    var aa=document.getElementById('uu1');//通过元素id获取元素document方法
    var bb=aa.getElementsByTagName('il');//通过标签获取元素node方法 也可是document方法
    alert(bb.length);
    var cc=document.getElementsByName('il_1_name');//通过元素name获取元素document方法
    alert(cc.length); 

读写节点属性 （通过 节点.属性）

获取子节点

    （只有元素节点才有子节点）
    节点.childNodes
    节点.firstNodes
    节点.lastNodes

文本节点

    节点.nodeValue
    对于<p id='top_title_3'>IEEE定向过滤检索</p>
    var aa=document.getElementById('top_title_3');
        var bb=aa.firstChild;
        alert(bb.nodeValue);

节点属性

    .nodeName:当前节点名字 只读
    .nodeType:
    .nodeValue:

属性节点

    元素节点.getAttributeNode(属性名)

增删改节点

创建节点
    createTextNode();创建文本节点
    document.createElement(元素标签名字);创建元素节点 var aa=document.createElement('il');
添加子节点
    var reference=element.appendChild(newChild);//返回一个新增节点的引用指针
替换节点
    var reference=element.replaceChild(newChild,oldChild);//返回一个新增节点的引用指针
删除节点
    var reference=element.removeChild(node);//返回一个新增节点的引用指针
插入节点
    节点.insertBefore(newChild,refChild)

 

innerHTML，innerText，outerHTML

元素对象.innerHTML=HTML字符串;

字符串=元素对象.innerHTML;

innerHTML也就是从对象的起始位置到终止位置的全部内容,包括Html标签。（尽可能地去使用innerHTML）

innerText从起始位置到终止位置的内容, 但它去除Html标签 

outerHTML除了包含innerHTML的全部内容外, 还包含对象标签本身。

对于

<div id="test">
   <span style="color:red">test1</span> test2
</div>

test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”

text.innerTest的值也就是“test1 test2”, 其中span标签去除了。

text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>