1.查詢節點api
document.getelementbyid
document.getelementbytagname
document.getelementbyclassname
document.getelementbyname
document.queryselector
document.queryselectorall
documment.form
2.建立節點
建立元素createelement()
建立文字節點 createtextnode('text')
轉殖乙個節點 clonenode(true)
3.修改節點
插入節點insertbefore(x，y)
刪除節點 removechild
替換節點 replacechild
3.節點關係
獲取父節點parentnode
獲取所有子節點集合 children
獲取所有節點列表childnodes
獲取第乙個子節點，firstchild
獲取最後乙個子節點，lastchild
獲取前乙個兄弟元素 previoussibling
獲取後乙個兄弟元素nextsibling
返回前乙個兄弟元素得節點previouselementsibing
返回後乙個兄弟元素的節點nextelementsibling
4.元素屬性型api
給元素設定屬性 setattributes
獲取元素屬性 getattributes
判斷是否有某個屬性hasattributes
設定自定義屬性 dataset
5.樣式api
修改元素樣式,只能獲取內聯樣式
element.style.xx = ''
設定element.setproperty('xx','xx')
刪除樣式
element.removeproperty('xx')
移除class list
xx.classlist.remove(xx)
新增xx.classlist.add(xx)
根據條件判斷ture刪除，false增加
xx.classlist.toggle(xx,'if')
獲取元素所有樣式得方法
window.getcomputedstyle（element）
js移除某個樣式 js中如何移除css樣式？
js中如何移除css樣式？dom元素應用css有兩種方式 通過class類名和id名應用樣式 通過指定style屬性應用樣式 我們可以針對以上兩種方式寫移除css樣式的方法 3 使用remove移除網頁中使用link標籤引入的css es6 document.queryselectorall lin...
Js操作 DOM操作
一 節點屬性 dom 是樹型結構，相應的，可以通過一些節點屬性來遍歷節點樹 方法說明 nodename 節點名稱，相當於tagname.屬性節點返回屬性名，文字節點返回 text。nodename，是唯讀的。nodetype 節點的型別，返回值 1，元素節點 2，屬性節點 3，文字節點。nodety...
js 獲取DOM元素樣式
html的樣式寫入方法有 1 行內樣式 2 內嵌樣式 3 外聯樣式表。行內樣式 一般是用style寫在dom元素上的，例如 內嵌樣式 一般是用style寫在head標籤內的。外聯樣式 一般是用link標籤或者是import引入的。但import引入的時候一定要放在style標籤內。獲採樣式 一 el...