DOM增删改

DOM增删改

document.createElement( )

• 可以用于创建一个元素节点
• 它需要一个标签名作为参数，将会根据该标签名创建元素节点对象，并将创建好的对象作为返回值返回

var li = document.createElement(“li”)

document.createTextNode( )

• 可以用来创建一个文本节点对象
• 需要一个文本内容作为参数，将会根据该内容创建文本节点，并将新的节点返回

var gztext = document.createTextNode(“广州”)

appendChild()

• 向一个父节点中添加一个新的子节点
• 用法：父元素.appendChild(子节点)

li.appendChild(gztext);

insertBefore

• 可以在指定的子节点前面插入新的子节点
• 语法：
  父节点.insertBefore(新节点，旧节点)

city.insertBefore(li , bj)

replaceChild()

• 可以使用指定的子节点替换已有的子节点
• 语法: 父节点.replaceChild(新节点，旧节点)

city.insertBefore(li , bj)

removeChild()

• 可以删除一个子节点
• 语法：父节点.removeChild(子节点)
• 子节点.parentNode.removeChild(子节点)

city.removeChild(bj);