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);