DOM查询的其他方法
获取body标签 document.body
document.documentElement 保存的是HTML根标签
document.all 代表页面所有的元素
根据元素的class的属性值查询一组元素 getElementsByClassName（）；不支持IE8及以下的浏览器；
获取class为box1中的所有DIV
document.querySelector（） 需要一个字符串作为参数，可以根据一个CSS选择器来查询一个元素节点对象；
使用该方法总会返回唯一的一个元素，如果满足的有很多个，只返回第一个值；
document.querySelectorAll（） 会想符合条件的元素封装到数组返回，只有一个也会返回数组；
DOM增删改
createElement（） 可以用于创建一个元素节点对象，需要一个标签名作为参数，根据该标签名创建元素节点对象，并将创建好的对象作为返回值返回；
createTextNode（） 用来创建一个文本节点对象，需要一个文本内容作为参数，根据该内容创建文本节点，并将新节点返回；
appendChild（） 想一个父节点添加一个新的子节点 父节点.appendChild（子节点）；
insertBefore（） 可以在指定的子节点前插入新的子节点， 父节点.insertBefore（新节点，旧节点）；
replaceChild（） 可以用新的节点替换旧的节点 父节点,replaceChild.（新节点，旧节点）；
removeChild（） 删除子节点 父节点.removeChild（子节点）；
子节点.parentNode.removeChild（子节点）；（常用）
使用innerHTML也可增加子元素 city.innerHTML += “”<li>广州</li>”；（动静大，不建议）；
var li = document.createElement（“li”）；
li.innerHTML=“广州”；
city.appendChild（li）； （结合一起用增加属性）
给超链接绑定函数返回false会去掉超链接的默认跳转属性；
confirm（）用于弹出一个带有确认和取消的提示框；