1. dom對象的innerText和innerHTML有什么區(qū)別?
- innerText:是一個可寫屬性哄酝,返回元素內(nèi)包含的文本內(nèi)容,在多層次的時候會按照元素由淺到深的順序拼接其內(nèi)容祷膳。
- innerHTML:屬性作用和innerText類似陶衅,但是不是返回元素的文本內(nèi)容,而是返回元素的HTML結(jié)構(gòu)直晨,在寫入的時候也會自動構(gòu)建DOM搀军。
2. elem.children和elem.childNodes的區(qū)別膨俐?
- childNodes 屬性,它返回指定元素的子元素集合罩句,包括HTML節(jié)點(diǎn)吟策,所有屬性,文本的止¢菁幔可以通過nodeType來判斷是哪種類型的節(jié)點(diǎn),只有當(dāng)nodeType==1時才是元素節(jié)點(diǎn)诅福,2是屬性節(jié)點(diǎn)匾委,3是文本節(jié)點(diǎn)。
- children 屬性氓润,它返回指定元素的子元素集合赂乐。
3. 查詢元素有幾種常見的方法?ES5的元素選擇方法是什么?
- 查詢元素有幾種常見的方法:
- getElementById()
- getElementsByName()
- getElementsByTagName()
- getElementsByClassName()
- querySelector()
- querySelectorAll()
- ES5的元素選擇方法是什么:
- querySelector()
- querySelectorAll()
4. 如何創(chuàng)建一個元素咖气?如何給元素設(shè)置屬性挨措?如何刪除屬性?
- createElement(tagName);
- setAttribute(tagName,value)崩溪;
- removeAttribute(tagName)浅役;
5. 如何給頁面元素添加子元素?如何刪除頁面元素下的子元素?
- 添加子元素
- appenChild()伶唯; 在元素末尾添加元素
- insertBefore()觉既; 在某個元素之前添加元素
- 刪除頁面元素下的子元素
1.removeChild();
6. element.classList有哪些方法乳幸?如何判斷一個元素的 class 列表中是包含某個 class瞪讼?如何添加一個class?如何刪除一個class?
- element.classList有哪些方法:
- add():添加一個類名粹断;
- item(index):查找第index個類名符欠;
- remove(className):刪除一個類名;
- contains(className):是否包含指定類名瓶埋,返回布爾值希柿;
- var res = contans(className),通過res是否為true來判斷悬赏;
- remove(className)狡汉;
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 allLi=document.querySelectorAll("li"); console.log(allLi); var btn=document.querySelector(".btn"); console.log(btn);