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（）用於彈出一個帶有確認和取消的提示框；