DOM节点操作

DOM节点操作

• 节点属性：每个节点都是一个对象，节点这种对象都有几个

1.nodeType - 表示节点的类型

    1 表示这是一个元素节点
    3 表示这是一个文本节点
    8 表示这是一个注释节点

2.nodeName - 表示节点的名称

    #text 表示这是一个文本节点
    大写的标签名  表示这是一个元素节点
    #comment 表示这是一个注释节点

3.nodeValue - 表示节点的值

    文本节点 - 那一段文本
    注释节点 - 注释内容
    元素节点 - null

• 节点操作

增 - 创建标签节点

  document.createElement ("标签名");

删 - 删除节点:

 父节点.removeChild("子节点");

改 - 替换

父节点.replaceChild("新的节点,被替换的节点");

查 - 获取节点

所有子节点：		元素.childNodes
第一个子节点：	元素.firstChild
最后一个子节点：	元素.lastChild
上一个兄弟节点：	元素.previousSibling
下一个兄弟节点：	元素.nextSiblings
父节点：			元素.parentNode
属性节点：		元素.attributes

追加子节点

   父元素.appendChild("子节点");

将一个节点放到某一个子元素前面

父元素.insertBefore(新的节点，旧的节点);

复制节点

节点.cloneNode()
// 括号里不加参数true，只能复制一个空标签，如果加了true参数，就可以把里面的内容也复制出来