JavaScript dom继承树 dom基本操作

DOM结构树

增

• document.createElement();  元素节点
• document.createTextNode(); 文本节点
• document.createComment();
• document.createDocumentFragment();

插

• PARENTNODE.appendChild();    // 剪贴
• PARENTNODE.insertBefore(a, 参考位置b);   // 在b前插入a

删

• 谋杀 parent.removeChild(); // 可以拿变量接收下来
• 自杀 child.remove();

替换（上镜率不高）

• parent.replaceChild(new, origin);
   

Element节点的属性

• innerHTML // 可取值 会覆盖； += 追加
• innerText / textContent

Element节点的方法

• ele.setAttribute();

    div.setAttribute('class', 'demo');	
  

• ele.getAttribute();

    div.getAttribute('class');
    > "demo"