8 dom
8.1 dom概念
dom（document object model）:文件物件模型
通過開發者工具可以看到
整個文件是由一系列的節點物件組成的一棵樹
節點（node）包括元素節點（1）、屬性節點（2）、和文字節點（3）
th1代表乙個元素節點（nodetype=1），nodename是標籤名（th）元素節點的
getattributenode方法是獲取元素的屬性節點，此時輸出的節點型別是屬性節點（2）
節點名稱就是屬性名，節點值就是屬性值
txt1是乙個文字節點（3），節點名稱固定是#text，節點值文字內容
8.2 獲取元素
(1)getelementbyid
根據元素的id屬性來獲取元素，獲取到的是乙個元素
(2)getelementsbytagname
根據標籤名來獲取元素，獲取到的是乙個元素集合
(3)getelementsbyclassname
根據class屬性來獲取元素，獲取到的是乙個元素集合
(4)getelementsbyname
根據name屬性來獲取元素，獲取到的是乙個元素集合
總結：獲取元素可以根據標籤名獲取，也可以根據id、name、class屬性來獲取。
根據id屬性獲取的結果是乙個元素，其他的是乙個元素集合
8.3 修改元素
（1）修改內容
通過innertext屬性可讀取或者設定標籤的內部文字
也可以通過innerhtml屬性獲取或者設定內部文字
兩者 的區別：innerhtml會按照html的規則來解析文字，而innertext只是當則普通的文字內容。
如果非要用innertext來換行，使用文字換行符\n
（2）修改樣式
a . *** . style . yyy
b . *** . classname=」…………」（相當是修改了class屬性）
動態刪除
這種方法是分別找到父節點和要刪除的節點，然後執行刪除操作。這種方法有乙個前提
需要知道父節點是誰
那麼如果說不知道父節點是誰，該怎麼刪除呢？
動態新增和動態刪除的案例
案例：刪除動態新增的奇數段落
思路1：獲取div1下的所有段落，然後遍歷，將序號為奇數的段落刪除
這種方法在最開始的時候是可以的，但是隨著動態新增或者刪除的執行，後面的結果就不對了，因為動態刪除影響了原來的順序，程式是按照序號去判斷奇偶性，所以會出現誤判
思路2：在動態新增的時候給序號為奇數的設定乙個class屬性，然後通過getelementsbyclassname來獲取奇數行
day16 Dom選擇器以及內容文字操作
1 dom 文件物件模型 查詢 直接查詢 var obj document.getelementbyid i1 間接查詢 innertext，獲取當前的文字，僅僅獲取文字 innerhtml，獲取全部內容 value input，value獲取當前標籤的值 select，獲取選中的value值 se...
web前端 DOM操作
dom document object model 文件物件模型 乙個web頁面的展示，是由html標籤組合成的乙個頁面，dom物件實際就是將html標籤轉換成了乙個文件物件。可以通過dom物件中js提供的方法，找到html的各個標籤。通過找到標籤就可以操作標籤使頁面動起來，讓頁面動起來。dom操作...
認識web前端開發
web前端開發 1 web即web系統，是以 的形式呈現，通過瀏覽器的訪問來實現一定的功能的系統。2 什麼是前端開發？4 什麼是 什麼是網頁？5 什麼是伺服器？6 什麼是url？url是統一資源定位符，是乙個網頁位址。可以由字母或數字組成 runoob.com或192.68.20.50 用於定位全球...