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);// 查到其 父元素,再删