-
dom對象的innerText和innerHTML的區(qū)別
innerText指的是從起始位置到終止位置的內(nèi)容,但它去除html標(biāo)簽。
innerHML指的是對象的起始位置到終止位置的全部內(nèi)容,包括html標(biāo)簽。
-
elem.children和elem.childNodes的區(qū)別
elem.children:只會獲取到元素節(jié)點(diǎn)。(常用)
elem.childNodes:獲取到所有節(jié)點(diǎn),包括元素節(jié)點(diǎn)、屬性節(jié)點(diǎn)、文本節(jié)點(diǎn) 節(jié)點(diǎn)類型可以用nodeType來區(qū)分,元素節(jié)點(diǎn)1、屬性節(jié)點(diǎn)2、文本節(jié)點(diǎn)3。
-
查詢元素有幾種常見的方法以及ES5的元素選擇方法
- 查詢元素的常見的方法:getElementById()/getElementsByClassName()/getElementsByTagName()/
- ES5的元素的選擇方法:
document.querySelector()/document.querySelectorAll()
-
創(chuàng)建一個(gè)元素?給元素設(shè)置屬性?刪除屬性?
var node=document.creatElement('img');//創(chuàng)建一個(gè)元素
node.setAttribute('src','http://www.baidu.com')//給元素設(shè)置屬性
img.removeAttribute('src')//刪除屬性
-
給頁面元素添加子元素?刪除頁面元素下的子元素?
var newDiv=document.creatElement("div")
var newContent=document.creatTextNode('hello')
newDiv.appendChild(newContent)//給頁面元素添加子元素
parentNode.removeChild(childNode)//刪除子元素
-
element.classList有哪些方法?如何判斷一個(gè)元素的 class 列表中是包含某個(gè) class?如何添加一個(gè)class?如何刪除一個(gè)class?
var title=document.querySelector('.title')
title.classList.add('active')//class='title active'添加一個(gè)class
title.classList.remove('active')//class='title'刪除一個(gè)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">點(diǎn)我</button>
</div>
document.querySelectorAll('li')
document.querySelector('.btn')