dom對象的innerText和innerHTML有什么區別？
innerText是一個可寫屬性，返回元素內包含的文本內容，在多層次的時候會按照元素由淺到深的順序拼接其內容
innerHTML屬性作用和innerText類似，但是不是返回元素的文本內容，而是返回元素的HTML結構，在寫入的時候也會自動構建DOM
elem.children和elem.childNodes的區別？
- childNodes：它是標準屬性，它返回指定元素的子元素集合，包括HTML節點，所有屬性，文本節點。
- children：非標準屬性，它返回指定元素的子元素集合。
查詢元素有幾種常見的方法？ES5的元素選擇方法是什么?
- getElementById方法返回匹配指定ID屬性的元素節點。
- getElementsByClassName方法返回一個類似數組的對象（HTMLCollection類型的對象），包括了所有class名字符合指定條件的元素（搜索范圍包括本身），元素的變化實時反映在返回結果中
- getElementsByTagName方法返回所有指定標簽的元素（搜索范圍包括本身）
- getElementsByName方法用于選擇擁有name屬性的HTML元素，比如form、img、frame、embed和object，返回一個NodeList格式的對象，不會實時反映元素的變化。
- querySelector方法返回匹配指定的CSS選擇器的元素節點。
- querySelectorAll方法返回匹配指定的CSS選擇器的所有節點，返回的是NodeList類型的對象。
如何創建一個元素？如何給元素設置屬性？如何刪除屬性
- createElement方法用來生成HTML元素節點
- setAttribute()方法用于設置元素屬性
- removeAttribute()用于刪除元素屬性
如何給頁面元素添加子元素？如何刪除頁面元素下的子元素?
- appendChild() 在元素末尾添加元素
- insertBefore() 在某個元素之前插入元素
- removeChild() 刪除元素
element.classList有哪些方法？如何判斷一個元素的 class 列表中是包含某個 class？如何添加一個class？如何刪除一個class?
- add( String [, String] )
添加指定的類值。如果這些類已經存在于元素的屬性中，那么它們將被忽略。 - remove( String [,String] )
刪除指定的類值。 - item ( Number )
按集合中的索引返回類值。 - toggle ( String [, force] )
當只有一個參數時：切換 class value; 即如果類存在，則刪除它并返回false，如果不存在，則添加它并返回true。
當存在第二個參數時：如果第二個參數的計算結果為true，則添加指定的類值，如果計算結果為false，則刪除它 - contains( String )
檢查元素的類屬性中是否存在指定的類值。
function hasClass(elem, str){
for(var i = 0; i < elem.classList.length; i++){
if(elem.classList.item(i) === str){
return true
}
}
return false
}
- elem.classList.add("class"); // 添加一個class
elem.classList.remove("class"); //刪除一個class
如何選中如下代碼所有的li元素？ 如何選中btn元素？
<div class="mod-tabs">
<ul>
<li>list1</li>
<li>list2</li>
<li>list3</li>
</ul>
<button class="btn">點我</button>
</div>
var li = document.getElementsByTagName('li')
var btn = document.getElementsByTagName('button')
var li = document.querySelectorAll('.mod-tabs li')
var btn = document.querySelector('.mod-tabs .btn')
