題目1: dom對象的innerText和innerHTML有什么區(qū)別?
-
innerText
指元素包含的文本內(nèi)容
-
innerHTML
值元素包含的HTML結(jié)構(gòu)
題目2: elem.children和elem.childNodes的區(qū)別塌碌?
-
elem.children
children屬性返回一個動態(tài)的HTMLCollection集合,由當前節(jié)點的所有Element子節(jié)點組成。
-
elem.childNodes
childNodes屬性返回一個NodeList集合需频,成員包括當前節(jié)點的所有子節(jié)點漓帅。注意,除了HTML元素節(jié)點炕泳,該屬性返回的還包括Text節(jié)點和Comment節(jié)點纵诞。
題目3:查詢元素有幾種常見的方法?ES5的元素選擇方法是什么?
document.getElementById()
document.getElementsByTagName()
document.getElementsByClassName()
document.getElementsByName()
- ES5方法
document.querySelector()
document.querySelectorAll()
題目4:如何創(chuàng)建一個元素培遵?如何給元素設(shè)置屬性浙芙?如何刪除屬性
- 創(chuàng)建元素
document.createElement()
- 給元素設(shè)置屬性
elem.setAttribute()
- 刪除屬性
elem.removeAttribute()
題目5:如何給頁面元素添加子元素?如何刪除頁面元素下的子元素?
- 添加子元素
elem.appendChild()
- 刪除子元素
elem.removeChild()
題目6: element.classList有哪些方法籽腕?如何判斷一個元素的 class 列表中是包含某個 class嗡呼?如何添加一個class?如何刪除一個class?
- element.classList的方法:
add():增加一個class皇耗。
remove():移除一個class南窗。
contains():檢查當前元素是否包含某個class。
toggle():將某個class移入或移出當前元素郎楼。
item():返回指定索引位置的class万伤。
toString():將class的列表轉(zhuǎn)為字符串。
- 判斷包含class
elem.classList.contains()
- 添加class
document.getElementById('foo').className += 'bold';
document.getElementById('foo').classList.add('bold');
document.getElementById('foo').classList.remove('bold');
題目7: 如何選中如下代碼所有的li元素呜袁? 如何選中btn元素敌买?
var ul = document.querySelector('ul')
var liList = ul.children
var btn = document.querySelector('.btn')
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者