dom對(duì)象的innerText和innerHTML有什么區(qū)別？
-
innerHTML：在讀模式下，innerHTML返回調(diào)用元素的所有子節(jié)點(diǎn)（包括元素娇昙、注釋和文本節(jié)點(diǎn)）對(duì)應(yīng)的HTML標(biāo)記轩猩。在寫(xiě)模式下肿轨，innerHTML會(huì)根據(jù)指定的值創(chuàng)建新的DOM樹(shù)上炎，然后用這個(gè)DOM樹(shù)完全替換調(diào)用元素原先的所有子節(jié)點(diǎn)恃逻。 -
innerText：再通過(guò)innerText讀取值時(shí)雏搂，它會(huì)按照由淺入深的順序藕施，將子文檔樹(shù)中的所有文本拼接起來(lái)。在通過(guò)innerText寫(xiě)入值時(shí)凸郑，結(jié)果會(huì)刪除元素的所有子節(jié)點(diǎn)裳食，插入包含相應(yīng)文本值的節(jié)點(diǎn)。在設(shè)置該屬性的同時(shí)芙沥，也對(duì)文本中存在的HTML語(yǔ)法字符（<>&引號(hào)）進(jìn)行了編碼（與操作文本節(jié)點(diǎn)nodeValue屬性類(lèi)似）诲祸。
elem.children和elem.childNodes的區(qū)別？
-
childNodes該屬性保存著一個(gè)NodeList對(duì)象而昨，這是一個(gè)類(lèi)數(shù)組對(duì)象救氯，獨(dú)特之處在于能夠基于DOM結(jié)構(gòu)動(dòng)態(tài)執(zhí)行查詢(xún)結(jié)果，因此DOM結(jié)構(gòu)的變化能夠隨時(shí)反應(yīng)出來(lái)歌憨。 -
children只包含元素類(lèi)型（nodeType） 為1（Node.ELEMENT_NODE）的子節(jié)點(diǎn)着憨，而childNodes包含所有類(lèi)型的子節(jié)點(diǎn)，除此之外沒(méi)有什么區(qū)別务嫡。 - 對(duì)arguments對(duì)象使用Array.prototype.slice()方法可以將其轉(zhuǎn)化為數(shù)組甲抖。同樣的方法也可以將NodeList對(duì)象轉(zhuǎn)化為數(shù)組。(IE8+)
var arrayOfNodes = Array.prototype.slice.call(someNode.childNodes,0);
查詢(xún)?cè)赜袔追N常見(jiàn)的方法心铃？ES5的元素選擇方法是什么?
- getElementById() 通過(guò)id查詢(xún)?cè)?/li>
- getElementsByClassName() 通過(guò)類(lèi)名查詢(xún)?cè)?/li>
- getElementsByTagName() 通過(guò)標(biāo)簽名查詢(xún)?cè)?/li>
- getElementsByName() 通過(guò)name屬性查詢(xún)?cè)?/li>
- ES5的方法：querySelector()/querySelectorAll() 通過(guò)類(lèi)似css選擇器的寫(xiě)法查詢(xún)?cè)刈佳琛６涞讓訉?shí)現(xiàn)類(lèi)似于一組元素的快照，而非不斷對(duì)文檔進(jìn)行搜索的動(dòng)態(tài)查詢(xún)去扣。這樣實(shí)現(xiàn)可以避免使用NodeList對(duì)象通常會(huì)引起的大多數(shù)性能問(wèn)題柱衔。
如何創(chuàng)建一個(gè)元素？如何給元素設(shè)置屬性？如何刪除屬性
- 創(chuàng)建元素：
document.createElement() - 設(shè)置屬性：
setAttribute('屬性名', '內(nèi)容')唆铐。有因?yàn)樗刑匦远际菍傩源仿耄砸部梢灾苯咏o屬性賦值來(lái)設(shè)置element.className = 'mamba' - 刪除屬性：removeAttribute()
如何給頁(yè)面元素添加子元素？如何刪除頁(yè)面元素下的子元素?
這些方法都由其父元素調(diào)用
- 添加子元素：
appendChild()把要插入的這個(gè)節(jié)點(diǎn)引用作為返回值返回
insetBefore(newNode, oneNode)把要插入的這個(gè)節(jié)點(diǎn)引用作為返回值返回或链，即newNode - 刪除子元素：
removeChild()返回被刪除的節(jié)點(diǎn) - 替換子元素：
replaceChild(newNode, oneNode)返回被替換掉的節(jié)點(diǎn)
element.classList有哪些方法惫恼？如何判斷一個(gè)元素的 class 列表中是包含某個(gè) class？如何添加一個(gè)class澳盐？如何刪除一個(gè)class?
- Element.classList 是一個(gè)只讀屬性祈纯，返回一個(gè)元素的類(lèi)屬性的實(shí)時(shí) DOMTokenList集合。擁有length屬性
-
add( String [, String] )
添加指定的類(lèi)值叼耙。如果這些類(lèi)已經(jīng)存在于元素的屬性中腕窥，那么它們將被忽略。 -
remove( String [,String] )
刪除指定的類(lèi)值筛婉。 -
toggle ( String [, force] )
當(dāng)只有一個(gè)參數(shù)時(shí)： 如果類(lèi)存在簇爆，則刪除它并返回false，如果不存在入蛆，則添加它并返回true。
當(dāng)存在第二個(gè)參數(shù)時(shí)：如果第二個(gè)參數(shù)的計(jì)算結(jié)果為true硕勿，則添加指定的類(lèi)值哨毁，如果計(jì)算結(jié)果為false，則刪除它 -
contains( String )
檢查元素的類(lèi)屬性中是否存在指定的類(lèi)值闹究。
如何選中如下代碼所有的li元素幔崖？ 如何選中btn元素蹋订？
<div class="mod-tabs">
<ul>
<li>list1</li>
<li>list2</li>
<li>list3</li>
</ul>
<button class="btn">點(diǎn)我</button>
</div>
所有的li元素：
1.var items = document.getElementsByTagName('li');
2.var items = document.querySelectorAll('.mod-tabs li');
選中btn元素：
1.var items = document.getElementsByClassName('btn');
2.var items = document.querySelector('.btn')
1
1
1
1
11
1
1
1
1
1
