-
dom對象的innerText和innerHTML的區別
innerText指的是從起始位置到終止位置的內容，但它去除html標簽。
innerHML指的是對象的起始位置到終止位置的全部內容，包括html標簽。
-
elem.children和elem.childNodes的區別
elem.children:只會獲取到元素節點。（常用）
elem.childNodes:獲取到所有節點，包括元素節點、屬性節點、文本節點 節點類型可以用nodeType來區分，元素節點1、屬性節點2、文本節點3。
-
查詢元素有幾種常見的方法以及ES5的元素選擇方法
- 查詢元素的常見的方法：getElementById()/getElementsByClassName()/getElementsByTagName()/
- ES5的元素的選擇方法：
document.querySelector()/document.querySelectorAll()
-
創建一個元素？給元素設置屬性？刪除屬性?
var node=document.creatElement('img');//創建一個元素
node.setAttribute('src','http://www.baidu.com')//給元素設置屬性
img.removeAttribute('src')//刪除屬性
-
給頁面元素添加子元素？刪除頁面元素下的子元素?
var newDiv=document.creatElement("div")
var newContent=document.creatTextNode('hello')
newDiv.appendChild(newContent)//給頁面元素添加子元素
parentNode.removeChild(childNode)//刪除子元素
-
element.classList有哪些方法？如何判斷一個元素的 class 列表中是包含某個 class？如何添加一個class？如何刪除一個class?
var title=document.querySelector('.title')
title.classList.add('active')//class='title active'添加一個class
title.classList.remove('active')//class='title'刪除一個class
title.classList.contains('title')//true判斷是否包含class='title'
-
如何選中如下代碼所有的li元素？ 如何選中btn元素？
<div class="mod-tabs">
<ul>
<li>list1</li>
<li>list2</li>
<li>list3</li>
</ul>
<button class="btn">點我</button>
</div>
document.querySelectorAll('li')
document.querySelector('.btn')
