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()替換