innerHTML 通過這個屬性可以獲取到元素內部的html程式碼

查詢所有li節點
getElementsByTagName()可以根據標籤名來獲取一組元素節點物件
這個方法會給我們返回一個類陣列物件，所有查詢到的元素都會封裝到物件中
即使查詢到的元素只有一個，也會封裝到陣列中返回

innerHTML用於獲取元素內部的HTML程式碼的
對於自結束標籤，這個屬性沒有意義

如果需要讀取元素節點屬性，
直接使用 元素.屬性名
例子：元素.id 元素.name 元素.value
注意：class屬性不能採用這種方式，
讀取class屬性時需要使用 元素.className

DOM查詢

獲取元素節點的子節點

getElementsByTagName（）；可以根據標籤名來獲取一組元素節點物件；city.getElementsByTagName();

childNodes　　屬性會獲取包括文字節點在呢的所有節點
　　　　　　　根據DOM標籤標籤間空白也會當成文字節點
　　　　　　　注意：在IE8及以下的瀏覽器中，不會將空白文本當成子節點，
　　　　　　　所以該屬性在IE8中會返回4個子元素而其他瀏覽器是9個

children　　  屬性可以獲取當前元素所有的子元素   （推薦）

firstChild　　屬性 可以獲取當前元素的第一個子節點，（包括空白節點）；

firstElementChild　　獲取當前元素的第一個子元素（不支援IE8）;

lastChild　　屬性 可以獲取當前元素的最後一個子節點，（包括空白節點）；

parentNode　屬性　表示當前節點的父節點；

previousSibling屬性 表示當前節點的前一個兄弟節點；

nextSibling　　屬性　　表示當前節點的後一個兄弟節點；也可能獲取空白的文字；

innerText　　屬性　　可以獲取到元素內部的文字內容　　與innerHTML類似，不同的是會將html去除；

previousElementSibling　　屬性　　獲取前一個兄弟元素，IE8及以下不支援