3.3 元素结点
插入元素
var pElem = document.createElement('p');// 创建 p 元素
pElem.style.color = 'red';// 添加属性
var textNode = document.createTextNode('文本内容');// 创建文本内容(实际也是个元素)
pElem.appendChild(textNode);// p 元素插入 文本子元素
document.body.appendChild(pElem);// body 插入 p 元素
删除结点元素
var parent = document.getElementById('div');// 要删的元素
var child = document.getElementById('p1');// 要删的元素的父元素
parent.removeChild(child);
- 或者
var child = document.getElementById('p1');// 要删的元素
child.parentNode.removeChild(child);// 查到其 父元素,再删