总结

window.onload   //文档加载完后执行onload

获取节点

document.getElementById("")  //获取ID

document.getElementByTagName 

document.getElementByName  //IE不兼容

document.getElementByClassName   //IE不兼容

通过节点获取节点引用

obj.parentNode  //父节点

obj.childNode  //子节点

obj.firstChild  //第一个子节点

obj.lastChild  //最后一个子节点

obj.nextSibling//后一个兄弟节点

obj.previousSibing  //前一个兄弟节点

 

节点的信息(属性)

             节点类型           节点名字            节点值
        nodeType(数值)     nodeName      nodeValue

元素节点     1                 标签名                null     
属性节点     2                 属性名                属性值
文本节点     3                 #text                文本
注释节点     8                 #comment         注释的文字
文档节点     9                 #document         null

 

创建节点

document.createElement("元素标签名")

对象.innerHTML="";
document.createTextNode("文本");  

 

插入节点

父对象.appendChild(插入的对象)，插入到最后

父对象.insertBefore（插入的对象）插入到对象的前一个对象

 

替换节点

父对象.replaceChild(要修改的对象)

 

删除节点

父对象.removeChild（要删除的对象）

转载于:https://www.cnblogs.com/lily-w/p/4652508.html