DOM概念
DOM：document object model : 檔案物件模型
通過js去操作HTML的代碼，添加元素，洗掉元素，，，
獲取元素
（1）getElementById 通過id獲取，獲取到的是一個元素
（2）getElementsByTagName 通過標簽名獲取，獲取到的是一個元素集合（陣列）
（3）getElementsByClassName 通過class獲取，獲取到的是一個元素集合（陣列）
（4）getElementsByName 通過name屬性獲取，獲取到的是一個元素集合（陣列）
總結：獲取元素可以根據標簽名、id、class、name屬性來獲取，Id獲取的結果是一個 元素，而其他獲取的是一個集合，
document物件支持以上四種，而element物件僅支持
getElementsByTagName和getElementsByClassName
修改元素
（1）修改內容
通過innerText屬性讀取或設定標簽內部的文本
可以用innerHTML屬性讀取或設定標簽內部的文本
兩個區別：innerHTML會按照HTML的規則決議文本，而innerText只是當作普通的文本 內容，
（2）修改樣式
a：xxx.style.yyy
b：xxx.classname = “……”（相當于修改了class屬性）
添加洗掉元素
（1）createElement 創建一個元素節點
createElement（“p”）創建一個段落
（2）createTextNode創建一個文本節點
createTextNode(“文本內容”)創建一個值為“文本內容”的文本節點
（3）appendChild 添加子節點
（4）removeChild 洗掉子節點
導航
Document：根節點
parentNode： 獲取父節點
childNodes： 獲取所有的子節點
firstChild：第一個子節點
lastChild：最后一個子節點
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/281659.html
標籤：其他