**JAVASCRIPT** DOM对象二——节点与遍历

>父子节点

---

>>childNode

使用语法：elementNode.childNodes

注意事项：空白节点会被浏览器但顾总文本节点

>>firstChild  lastChild

使用语法：node.firstChild  node.lastChild

>>parentNode

使用语法:elementNode.parentNode

    

        
大娃
    
    

//补充节点的属性还有title！

>兄弟节点

---

previousSibling    nextSibling

使用语法：

nodeobject.nextSibling / previousSibling

    

        
大娃
        
二娃
        
三娃
    
    

//虽然觉得这是史上最无聊的程序，但还是含泪贴上了

>创建节点方法

---

createElement('tagName'):创建节点

crreateTextNode("text")：穿件文本节点

        var newinp = document.createElement("input");
        alert(newinp);
        var newtext = document.createTextNode("text");
        alert(newtext);

>添加删除节点

---

nodeobject.appendChild(newnode)：父节点末尾添加

nodeobject.removeChild(node)：删除节点

    
大娃

//有很多需要注意的地方，等吃饭回来补充

appendChild()方法的主体必须使父节点，而且只能添加到节点对类的末尾

>插入节点 

---

fnode.insertBefore(newnode，node)：可以指定插如节点的位置（在node之前）返回值是插入的节点

    

        
二娃
    
    
    

>替换子节点（克隆替换）

---

fonde.replaceChild(newnode, oldnode) //返回值是被替换的节点

    
大娃
    
二娃