dom對象的innerText和innerHTML有什么區(qū)別吟逝？

innerText返回元素內(nèi)包含的文本內(nèi)容，在多層次的時候會按照元素由淺到深的順序拼接其內(nèi)容秘通，而不會返回HTML本身的結(jié)構(gòu)；在寫入式將內(nèi)容作為純文本格式寫入頁面

innerHTML返回元素的HTML結(jié)構(gòu)；在寫入時候會構(gòu)建HTML結(jié)構(gòu)

elem.children和elem.childNodes的區(qū)別夹厌？

elem.children子元素列表，只包括子元素

elem.childNodes可能會包含子元素裆悄、文本節(jié)點矛纹、注釋節(jié)點等

查詢元素有幾種常見的方法？ES5的元素選擇方法是什么?

getElementById方法返回匹配指定ID屬性的元素節(jié)點光稼。如果沒有發(fā)現(xiàn)匹配的節(jié)點或南，則返回null孩等。這也是獲取一個元素最快的方法.

getElementsByClassName方法返回一個類似數(shù)組的對象（HTMLCollection類型的對象），包括了所有class名字符合指定條件的元素（搜索范圍包括本身）

getElementsByTagName方法返回所有指定標(biāo)簽的元素（搜索范圍包括本身）采够。返回值是一個HTMLCollection對象

getElementsByName方法用于選擇擁有name屬性的HTML元素

querySelector();如果有多個節(jié)點滿足匹配條件肄方，則返回第一個匹配的節(jié)點。如果沒有發(fā)現(xiàn)匹配的節(jié)點吁恍，則返回null扒秸。

querySelectorAll();
querySelectorAll方法返回匹配指定的CSS選擇器的所有節(jié)點，返回的是NodeList類型的對象冀瓦。NodeList對象不是動態(tài)集合伴奥，所以元素節(jié)點的變化無法實時反映在返回結(jié)果中。

如何創(chuàng)建一個元素翼闽？如何給元素設(shè)置屬性拾徙？如何刪除屬性

createElement()方法用來生成HTML元素節(jié)點

createTextNode()方法用來生成文本節(jié)點，參數(shù)為所要生成的文本節(jié)點的內(nèi)容

createDocumentFragment()方法生成一個DocumentFragment對象感局。DocumentFragment對象是一個存在于內(nèi)存的DOM片段尼啡，但是不屬于當(dāng)前文檔，常常用來生成較復(fù)雜的DOM結(jié)構(gòu)询微，然后插入當(dāng)前文檔崖瞭。這樣做的好處在于，因為DocumentFragment不屬于當(dāng)前文檔撑毛，對它的任何改動书聚，都不會引發(fā)網(wǎng)頁的重新渲染，比直接修改當(dāng)前文檔的DOM有更好的性能表現(xiàn)藻雌。

setAttribute()方法可以用于設(shè)置元素屬性

romoveAttribute()可以用于刪除元素屬性

如何給頁面元素添加子元素雌续？如何刪除頁面元素下的子元素?

appendChild()可用于在元素末尾添加子元素，insertBefore()可用于在元素前添加元素

removeChild()可用于刪除子元素

element.classList有哪些方法胯杭？如何判斷一個元素的 class 列表中是包含某個 class驯杜？如何添加一個class？如何刪除一個class?

add( String [, String] )
添加指定的類值做个。如果這些類已經(jīng)存在于元素的屬性中鸽心，那么它們將被忽略。

remove( String [,String] )
刪除指定的類值居暖。

item ( Number )
按集合中的索引返回類值顽频。

toggle ( String [, force] )
當(dāng)只有一個參數(shù)時：切換 class value; 即如果類存在，則刪除它并返回false膝但，如果不存在冲九，則添加它并返回true谤草。
當(dāng)存在第二個參數(shù)時：如果第二個參數(shù)的計算結(jié)果為true跟束，則添加指定的類值莺奸，如果計算結(jié)果為false，則刪除它

contains( String )
檢查元素的類屬性中是否存在指定的類值冀宴。

如何選中如下代碼所有的li元素灭贷？ 如何選中btn元素？
var a = document.querySelectorAll("li")
var b = document.querySelector(".btn")
或
var c = document.getElementsByTagName("li")
var d = document.getElementsByClassName("btn")