DOM对象方法

createElement();
可以用于创建一个元素节点对象
它需要一个标签名作为参数，将会根据标签名创建元素节点对象，并将创建好的对象作为返回值返回
var li = document.createElement(li);//创建叫li的元素节点

createTextNode();
可以用于创建一个文本节点对象
需要一个文本内容作为参数，根据文本内容创建文本节点，并将新的节点返回
var text = document.createTextNode(“广州”); //创建叫广州的文本节点

将text设置为li的子节点，appendChild();
- 向一个父节点中添加一个新的子节点
- 用法：父节点.appendChild(子节点)
li.appendChild(text);

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

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

removeChild();
- 可以删除一个子节点
- 语法：
父节点.removeChile(子节点);
如果不指定父节点怎么删除：
子节点.parentNode.removeChild(子节点);
用子节点.parentNode来代替获取子节点的父节点

使用innerHTML也可以完成DOM的增删改的相关操作
一般我们会两种方式结合使用
父节点.innerHTML += “<子节点>文本节点</子节点>”
city.innerHTML += “

• 广州
• ”

  结合：
  var 子元素 = document.createElement(子元素);
  //用innerHTML设置文本
  子元素.innerHTML = “文本节点”;
  //将子元素添加到父元素中
  父元素.appendChild(子元素);