dom對(duì)象的innerText和innerHTML有什么區(qū)別耙册?
innetText只會(huì)選取文本內(nèi)容,不包括html標(biāo)簽;
innerHTML會(huì)選取文本內(nèi)容以及html標(biāo)簽。
elem.children和elem.childNodes的區(qū)別线召?
elem.childNodes返回所有子節(jié)點(diǎn)包括文本空白節(jié)點(diǎn);而elem.children只會(huì)返回HTML元素節(jié)點(diǎn)多矮。
查詢?cè)赜袔追N常見的方法缓淹?ES5的元素選擇方法是什么?
getElementById(); //返回指定ID元素
getElementsByclassName(); //返回指定類名的元素集合(偽數(shù)組)
getElementsByTagName(); //返回指定標(biāo)簽名的元素集合(會(huì)實(shí)時(shí)反映元素變化)
getElementsByName(); //返回指定name元素集合(不會(huì)實(shí)時(shí)反映元素變化)
querySelector(); //返回指定CSS選擇器元素,如果有多個(gè)則返回第一個(gè)
querySelectorAll(); //返回指定CSS選擇器的所有元素,返回NodeList對(duì)象(不會(huì)實(shí)時(shí)反映元素變化)
如何創(chuàng)建一個(gè)元素讯壶?如何給元素設(shè)置屬性料仗?如何刪除屬性
createElement(); //創(chuàng)建元素
getAttribute(); //獲取元素屬性
createAttribute(); //創(chuàng)建元素屬性
setAttribute(); //設(shè)置元素屬性
removeAttribute(); //刪除元素屬性
element.attributes //元素屬性類數(shù)組對(duì)象
如何給頁(yè)面元素添加子元素?如何刪除頁(yè)面元素下的子元素?
appendChild(); //在元素末尾添加子元素
insertBefore(); //元素之前插入
removeChild(); //刪除子元素
replaceChild(); //替換子元素
element.classList有哪些方法鹏溯?如何判斷一個(gè)元素的 class 列表中是包含某個(gè) class罢维?如何添加一個(gè)class淹仑?如何刪除一個(gè)class?
add( String [, String] )
添加指定的類值丙挽。如果這些類已經(jīng)存在于元素的屬性中,那么它們將被忽略匀借。
remove( String [,String] )
刪除指定的類值颜阐。
item ( Number )
按集合中的索引返回類值。
toggle ( String [, force] )
當(dāng)只有一個(gè)參數(shù)時(shí):切換 class value; 即如果類存在吓肋,則刪除它并返回false凳怨,如果不存在,則添加它并返回true是鬼。
當(dāng)存在第二個(gè)參數(shù)時(shí):如果第二個(gè)參數(shù)的計(jì)算結(jié)果為true肤舞,則添加指定的類值,如果計(jì)算結(jié)果為false均蜜,則刪除它
contains( String )
檢查元素的類屬性中是否存在指定的類值李剖。
element.classList.contains() //判斷是否存在類值
element.classList.add() //添加class
element.classList.remove() //刪除指定class
如何選中如下代碼所有的li元素? 如何選中btn元素囤耳?
<div class="mod-tabs">
<ul>
<li>list1<li>
<li>list2<li>
<li>list3<li>
</ul>
<button class="btn">點(diǎn)我</button>
</div>
<script>
document.querySelector('.mod-tabs ul li');
document.getElementsByclassName('.btn');
</scrtpt>