1、dom對(duì)象的innerText和innerHTML有什么區(qū)別?
innerText返回元素內(nèi)的的文本內(nèi)容,innerHTML返回元素內(nèi)的HTML結(jié)構(gòu)(不包括元素本身)朽缎。
2、 elem.children和elem.childNodes的區(qū)別谜悟?
elem.childNodes返回所有的子節(jié)點(diǎn)话肖,包括HTML元素,屬性葡幸,文本最筒。childNodes只返回HTML元素節(jié)點(diǎn)。
3蔚叨、查詢?cè)赜袔追N常見的方法床蜘?ES5的元素選擇方法是什么?
常見方法有getElementById()
辙培、getElementsByClassName()
、getElementsByTagName()
邢锯、getElementsByName()
分別通過(guò)ID扬蕊、類名、標(biāo)簽名丹擎、name屬性名來(lái)查詢?cè)亍?br>
ES5的元素選擇方法是querySelector()
和querySelectorAll()
尾抑,通過(guò)css選擇器查詢?cè)亍?/p>
4、如何創(chuàng)建一個(gè)元素蒂培?如何給元素設(shè)置屬性再愈?如何刪除屬性
- 創(chuàng)建元素:
document.createElement()
- 設(shè)置元素屬性:
document.setAttribute()
- 刪除屬性:
document.removeAttribute()
5、如何給頁(yè)面元素添加子元素护戳?如何刪除頁(yè)面元素下的子元素?
- 添加子元素:
appendChild()/insertBefore()
- 刪除元素下的子元素:
removeChild()
6翎冲、 element.classList有哪些方法?如何判斷一個(gè)元素的 class 列表中是包含某個(gè) class灸异?如何添加一個(gè)class府适?如何刪除一個(gè)class?
- 有以下方法:
add(class1, class2, ...) 在元素中添加一個(gè)或多個(gè)類名
contains(class) 返回布爾值羔飞,判斷指定的類名是否存在
item(index) 返回類名在元素中的索引值,索引值從 0 開始
remove(class1, class2, ...) 移除元素中一個(gè)或多個(gè)類名
toggle(class, true|false) 在元素中切換類名
- 添加class :
add(class1, class2, ...)
- 刪除class:
remove(class1, class2, ...)
7肺樟、 如何選中如下代碼所有的li元素? 如何選中btn元素逻淌?
<div class="mod-tabs">
<ul>
<li>list1<li>
<li>list2<li>
<li>list3<li>
</ul>
<button class="btn">點(diǎn)我</button>
</div>
var lis = document.getElementsByTagName('li');
var btn = document.getElementsByClassName('btn')[0];
console.log(lis);
console.log(btn);