文档操作 创建元素的三种方式 # 直接在元素内部写入 object.write('新设置的内容<p>标签也可以生成</p>'); # 直接插入新的元素 object.innerHTML = '新内容<p>新标签</p>'; # 创建元素并且往父节点里面添加子节点 var div = document.createElement('div'); object.body.appendChild(div); 节点操作 节点增删改查 appendChild:追加节点; insertBefore:在节点之前添加节点; removeChild:移除节点; replaceChild:替换当前节点下面的子节点; 节点层次 parentNode:父节点; childNodes:所有子节点包含文本节点; children:所有子节点包不含文本节点; nextSibling(nextElementSibling)/previousSibling(previousElementSibling):下一个兄弟节点/上一个兄弟节点; firstChild(firstElementChild)/lastChild(lastElementChild):上一个子节点/下一个子节点;