天天看點

操作DOM

querySelector和querySelectorAll可以使用css選擇器選擇元素

querySelector傳回一個Element元素

querySelectorAll會傳回一個NodeList對象,包含所有比對的元素

相比于老式的選擇方法來說,NodeList是死的,而HTMLCollection是活的,其length會随着文檔結構的變化而變化

對文檔進行周遊,并對所有元素執行指定函數

若想不忽略Text節點甚至Comment節點(注釋),可使用下列方法

innerHTML直接更改内容,效率很高,但加設計序列化、解析,是以效率不高

若想獲得純文字内容,可使用textContent

append()和prepend()接收任意多參數,參數可以是Node節點可以是字元串,append添加到末尾,prepend添加到開頭

before()和after()也接收任意多參數,表示在目前節點前/後添加

注意,同一個節點隻能存在一個,如果将該節點插入到另一個位置,之前的就會消失,而不是複制

若想建立副本,可使用cloneNode(),傳入true複制全部内容

remove()可以将節點從文檔中删除,或使用replaceWith()替換

上一篇: java
下一篇: mina 架構