題目1： dom對象的innerText和innerHTML有什么區別？

兩個屬性都是獲取document對象的文本內容的。
innerHTML指的是從對象的起始位置到終止位置的全部內容,包括Html標簽。
innerText 指的是從起始位置到終止位置的內容,但它去除Html標簽。

同時，innerHTML 是所有瀏覽器都支持的，innerText 是IE瀏覽器和chrome 瀏覽器支持的，Firefox瀏覽器不支持。其實，innerHTML 是W3C 組織規定的屬性；而innerText 屬性是IE瀏覽器自己的屬性，不過后來的瀏覽器部分實現這個屬性罷了。

innerHTML是符合W3C標準的屬性，而innerText只適用于IE瀏覽器（現在也適應chrome瀏覽器），因此，盡可能地去使用 innerHTML，而少用innerText，如果要輸出不含HTML標簽的內容，可以使用innerHTML取得包含HTML標簽的內容后，再用正則表達式去除HTML標簽。

innerHTML.replace(/<[^>]*>/gim,"")

題目2： elem.children和elem.childNodes的區別？

childNodes 屬性，它返回指定元素的子元素集合，包括HTML節點，所有屬性，文本，注釋。
children 屬性，它返回指定元素的子元素集合。它只返回HTML節點，不返回文本節點。

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

getElementById方法返回匹配指定ID屬性的元素節點。如果沒有發現匹配的節點，則返回null。這也是獲取一個元素最快的方法

getElementsByClassName方法返回一個類似數組的對象（HTMLCollection類型的對象），包括了所有class名字符合指定條件的元素（搜索范圍包括本身），元素的變化實時反映在返回結果中。這個方法不僅可以在document對象上調用，也可以在任何元素節點上調用。
getElementsByClassName方法的參數，可以是多個空格分隔的class名字，返回同時具有這些節點的元素。

getElementsByTagName方法返回所有指定標簽的元素（搜索范圍包括本身）。返回值是一個HTMLCollection對象，也就是說，搜索結果是一個動態集合，任何元素的變化都會實時反映在返回的集合中。這個方法不僅可以在document對象上調用，也可以在任何元素節點上調用。

getElementsByName方法用于選擇擁有name屬性的HTML元素，比如form、img、frame、embed和object，返回一個NodeList格式的對象，不會實時反映元素的變化。
注意，在IE瀏覽器使用這個方法，會將沒有name屬性、但有同名id屬性的元素也返回，所以name和id屬性最好設為不一樣的值。

querySelector和querySelectorAll，這兩個方法是ES5中新增的，他們的作用就想jq的選擇器一樣，你可以使用像css風格那樣的描述來選擇所需的元素
querySelector方法返回匹配指定的CSS選擇器的元素節點。如果有多個節點滿足匹配條件，則返回第一個匹配的節點。如果沒有發現匹配的節點，則返回null。

querySelectorAll方法返回匹配指定的CSS選擇器的所有節點，返回的是NodeList類型的對象。NodeList對象不是動態集合，所以元素節點的變化無法實時反映在返回結果中。
querySelectorAll方法的參數，可以是逗號分隔的多個CSS選擇器，返回所有匹配其中一個選擇器的元素。

題目4：如何創建一個元素？如何給元素設置屬性？如何刪除屬性

document.createElement()方法生成一個新的Html元素節點，接受一個參數，即要創建的元素名，返回創建的元素節點。

var div = document.createElement("div");//

elem.getAttribute()方法獲取元素屬性，參數為屬性名稱。
elem.setAttribute()方法設置元素屬性，參數為兩個字符串，前者為屬性名稱，后者為屬性值。

var div = document.createElement("div");//新建元素
var attr =document.createAttribute("class");//生成一個新的屬性對象class
attr.value ="warp";//設置calss屬性值為"warp"
div.setAttributeNode(attr);//將attr屬性對象設置給div
//或者
var div1 = document.createElement("div");//新建元素或已存在屬性。
div1.setAttribute("class","warp");//用于設置元素屬性class及其值"warp"

elem.removeAttribute()用于刪除元素屬性。

div.removeAttribute("class");

題目5：如何給頁面元素添加子元素？如何刪除頁面元素下的子元素?

appendChild向一個元素添加子節點，追加在尾部。

var div1 = document.createElement('div');
div1.innerHTML = '我是父節點';
var div2 = document.createElement('div');
div2.innerHTML = '我是子節點';
div1.appendChild(div2);
var div3 = document.createElement("div")
div3.innerHTML = "我插隊";
div1.insertBefore(div3,div1.firstChild);

insertBefore也是向一個元素添加子節點，不過可以指定添加在哪個子節點的前面，如果不指定第二個參數，會默認添加到最后，即與appendChild效果一樣。

removeChild();//刪除子元素
//----------------------
var div =document.getElementByTagName("div");
div.removeChild(div.childNodes[i]);//i為子元素序號

題目6： element.classList有哪些方法？如何判斷一個元素的 class 列表中是包含某個 class？如何添加一個class？如何刪除一個class?

add(value):將指定的字符串值添加到列表中。如果值已經存在，就不添加了。
contains(value):表示列表中是否存在給定的值，如果存在則返回true，否則返回false。
item(index)返回索引值對應的元素類名
remove(value)：從列表中刪除指定的字符串類名。
toggle(value)一個參數時，如果列表中已經存在給定的類名值，刪除它,返回false；如果列表中沒有給定的值，添加它,返回ture。
toggle(value1，value2)二個參數時，如果value2為turn,則添加value1類名值，如果value2為false,則刪除類名值為value1的類名。

題目7： 如何選中如下代碼所有的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.getElementByTagName("li");
var btn =document.getElementBycClassName("btn")
//或者
var li = document.querySelectorAll(".mod-tabs li");
var btn = document.querySelectorAll(".btn")