DOM操作

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>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末篙顺,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子充择,更是在濱河造成了極大的恐慌德玫,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件椎麦,死亡現(xiàn)場(chǎng)離奇詭異宰僧,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)观挎,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門琴儿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人键兜,你說我怎么就攤上這事凤类。” “怎么了普气?”我有些...
    開封第一講書人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵谜疤,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我,道長(zhǎng)夷磕,這世上最難降的妖魔是什么履肃? 我笑而不...
    開封第一講書人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮坐桩,結(jié)果婚禮上尺棋,老公的妹妹穿的比我還像新娘。我一直安慰自己绵跷,他們只是感情好膘螟,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著碾局,像睡著了一般荆残。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上净当,一...
    開封第一講書人閱讀 51,554評(píng)論 1 305
  • 那天内斯,我揣著相機(jī)與錄音,去河邊找鬼像啼。 笑死俘闯,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的忽冻。 我是一名探鬼主播真朗,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼甚颂!你這毒婦竟也來(lái)了蜜猾?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤振诬,失蹤者是張志新(化名)和其女友劉穎蹭睡,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體赶么,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡肩豁,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了辫呻。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片清钥。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖放闺,靈堂內(nèi)的尸體忽然破棺而出祟昭,到底是詐尸還是另有隱情,我是刑警寧澤怖侦,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布篡悟,位于F島的核電站谜叹,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏搬葬。R本人自食惡果不足惜荷腊,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望急凰。 院中可真熱鬧女仰,春花似錦、人聲如沸抡锈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)企孩。三九已至锭碳,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間勿璃,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工推汽, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留补疑,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓歹撒,卻偏偏與公主長(zhǎng)得像莲组,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子暖夭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 基本介紹 文檔對(duì)象模型 (DOM) 是HTML和XML文檔的編程接口锹杈。它給文檔(結(jié)構(gòu)樹)提供了一個(gè)結(jié)構(gòu)化的表述并且...
    草鞋弟閱讀 438評(píng)論 0 0
  • 題目1: dom對(duì)象的innerText和innerHTML有什么區(qū)別? innerText是一個(gè)可寫屬性迈着,返回元...
    QQQQQCY閱讀 185評(píng)論 0 0
  • 1.dom對(duì)象的innerText和innerHTML有什么區(qū)別竭望? innerText:innerText是一個(gè)可...
    饑人谷_有點(diǎn)熱閱讀 844評(píng)論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)裕菠,斷路器咬清,智...
    卡卡羅2017閱讀 134,657評(píng)論 18 139
  • 題目1: dom對(duì)象的innerText和innerHTML有什么區(qū)別? innerText :返回元素內(nèi)包含的文...
    saintkl閱讀 202評(píng)論 0 0