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"