JavaScript中的DOM操作


更新DOM
1.直接修改標籤的innerHTML屬性
修改該屬性不僅可以修改文本內容,還可以修改標籤內部的子節點


2.修改innerText或者textContent屬性
只能修改節點的文本內容,不能添加子節點


3.使用style屬性獲取或者設置對應屬性


插入DOM
1.如果在一個空的DOM節點中進行添加可以使用innerHTML
innerHTML會替換節點中原來所有的子節點

2.使用appdenChild,將一個節點添加爲父節點的最後一個子節點
可以添加已有的節點,也可以DOM的createElement方法創建一個節點再進行添加


3.使用insertBefore(newnode,confrencenode)將節點插入到指定位置,需要傳入一個參考節點


刪除DOM
1.使用父節點的removeChild方法
雖然從html文檔中刪除了但還是存在於內存中
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章