关于操纵dom节点部分

纵观网上的各类节点问答，深刻认识到国内程序员发展之路的艰辛，由此整理了操纵dom节点部分内容：

createElement(name)方法可创建元素节点，此方法可返回一个 Element 对象，name为字符串值；

coreateTextNode(data) 可创建文本节点,data为字符串文本；

appendChild(newchild) 方法可向节点的子节点列表的末尾添加新的子节点,newchild为添加的节点；

insertBefore(newChild,existingChild)  newChild作为target的子节点插入到existingChild节点之前,existingChild为可选项参数，当为null时其效果与appendChild一样；

insertAfter(newEl,targetEl)  在指定的targetEl节点之后插入newEl节点：

function insertAfter(newEl, targetEl)  {
       var parentEl = targetEl.parentNode;
        if(parentEl.lastChild == targetEl) {
            parentEl.appendChild(newEl);
        }else{
           parentEl.insertBefore(newEl,targetEl.nextSibling);
        }            
}

 

var s = document.querySelector("#test")

s.childNodes;  //得到s的全部子节点

s.parentNode;   //得到s的父节点

s.nextSibling;   //获得s的下一个兄弟节点

s.previousSibling;  //得到s的上一个兄弟节点

s.firstChild;   //获得s的第一个子节点

s.lastChild;   //获得s的最后一个子节点