DOM(原生)

題目1: dom對(duì)象的innerText和innerHTML有什么區(qū)別撕捍?

Element.innerHTML 屬性設(shè)置或獲取描述元素后代的HTML語句。Element.innerText innerText是一個(gè)可寫屬性蜕提,返回元素內(nèi)包含的文本內(nèi)容,在多層次的時(shí)候會(huì)按照元素由淺到深的順序拼接其內(nèi)容

題目2: elem.children和elem.childNodes的區(qū)別靶端?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <div id = 'app'>
            ddd
            <span>span標(biāo)簽</span>
            <p><span>111</span>p標(biāo)簽</p>
        </div>
    </body>
</html>
Paste_Image.png

通過對(duì)比我們可以發(fā)現(xiàn)
children:子元素列表(HTMLCollection)谎势,當(dāng)前元素的子元素的集合
childNodes:子元素列表(NodeList)凛膏,當(dāng)前元素的子元素以及文本(空格也算文本)的集合

題目3:查詢?cè)赜袔追N常見的方法?ES5的元素選擇方法是什么?

getElementById()getElementById方法返回匹配指定ID屬性的元素節(jié)點(diǎn)脏榆。如果沒有發(fā)現(xiàn)匹配的節(jié)點(diǎn)猖毫,則返回null。這也是獲取一個(gè)元素最快的方法
var elem = document.getElementById("test");
諸如此類的還有g(shù)etElementByClassName()须喂、getElementsByTagName()吁断、getElementsByName()、querySelector()

題目4:如何創(chuàng)建一個(gè)元素坞生?如何給元素設(shè)置屬性仔役?如何刪除屬性

通過createElement()方法創(chuàng)建元素。通過元素的setAttribute()方法給元素設(shè)置屬性是己。通過元素的removeAttribute()刪除屬性又兵。

題目5:如何給頁面元素添加子元素?如何刪除頁面元素下的子元素?

appendChild()
insertBefore()
removeChild()

題目6: element.classList有哪些方法卒废?如何判斷一個(gè)元素的 class 列表中是包含某個(gè) class沛厨?如何添加一個(gè)class?如何刪除一個(gè)class?

只支持ie10以上(一般用不了)

定義和用法
classList 屬性返回元素的類名升熊。
該屬性用于在元素中添加俄烁,移除及切換 CSS 類。
classList 屬性是只讀的级野,但你可以使用 add() 和 remove() 方法修改它页屠。

語法
element.classList
Properties
屬性 Description
length 返回類列表中類的數(shù)量 該屬性是只讀的

方法
方法 描述
add(class1, class2, ...) 在元素中添加一個(gè)或多個(gè)類名。
如果指定的類名已存在蓖柔,則不會(huì)添加

contains(class) 返回布爾值辰企,判斷指定的類名是否存在。
可能值:
true - 元素包已經(jīng)包含了該類名
false - 元素中不存在該類名

item(index) 返回類名在元素中的索引值况鸣。索引值從 0 開始牢贸。
如果索引值在區(qū)間范圍外則返回 null

remove(class1, class2, ...) 移除元素中一個(gè)或多個(gè)類名。
注意: 移除不存在的類名镐捧,不會(huì)報(bào)錯(cuò)潜索。

toggle(class, true|false) 在元素中切換類名。
第一個(gè)參數(shù)為要在元素中移除的類名懂酱,并返 回 false竹习。
如果該類名不存在則會(huì)在元素中添加類名,并返回 true列牺。

// div是具有class =“foo bar”的<div>元素的對(duì)象引用
div.classList.remove("foo");
div.classList.add("anotherclass");

// 如果visible被設(shè)置則刪除它整陌,否則添加它
div.classList.toggle("visible");

// 添加/刪除 visible,取決于測(cè)試條件,i小于10
div.classList.toggle("visible", i < 10);

//返回布爾值泌辫,判斷指定的類名是否存在随夸。
alert(div.classList.contains("foo"));

//添加或刪除多個(gè)類
div.classList.add("foo","bar");
div.classList.remove("foo", "bar");

題目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>
<script>
        //選中所有的li元素
        document.getElementsByTagName('li')
        document.querySelectorAll('li')
        //選中btn元素
        document.getElementsByClassName('btn')
        document.querySelector('.btn')
</script>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末宾毒,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子殿遂,更是在濱河造成了極大的恐慌伍俘,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,036評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件勉躺,死亡現(xiàn)場(chǎng)離奇詭異癌瘾,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)饵溅,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,046評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門妨退,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人蜕企,你說我怎么就攤上這事咬荷。” “怎么了轻掩?”我有些...
    開封第一講書人閱讀 164,411評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵幸乒,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我唇牧,道長(zhǎng)罕扎,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,622評(píng)論 1 293
  • 正文 為了忘掉前任丐重,我火速辦了婚禮腔召,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘扮惦。我一直安慰自己臀蛛,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,661評(píng)論 6 392
  • 文/花漫 我一把揭開白布崖蜜。 她就那樣靜靜地躺著浊仆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪豫领。 梳的紋絲不亂的頭發(fā)上抡柿,一...
    開封第一講書人閱讀 51,521評(píng)論 1 304
  • 那天,我揣著相機(jī)與錄音氏堤,去河邊找鬼沙绝。 笑死,一個(gè)胖子當(dāng)著我的面吹牛鼠锈,可吹牛的內(nèi)容都是我干的闪檬。 我是一名探鬼主播,決...
    沈念sama閱讀 40,288評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼购笆,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼粗悯!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起同欠,我...
    開封第一講書人閱讀 39,200評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤样傍,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后铺遂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體衫哥,經(jīng)...
    沈念sama閱讀 45,644評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,837評(píng)論 3 336
  • 正文 我和宋清朗相戀三年襟锐,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了撤逢。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,953評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡粮坞,死狀恐怖蚊荣,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情莫杈,我是刑警寧澤互例,帶...
    沈念sama閱讀 35,673評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站筝闹,受9級(jí)特大地震影響媳叨,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜关顷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,281評(píng)論 3 329
  • 文/蒙蒙 一肩杈、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧解寝,春花似錦扩然、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,889評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽捌刮。三九已至剂娄,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間韵吨,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,011評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留说铃,地道東北人访惜。 一個(gè)月前我還...
    沈念sama閱讀 48,119評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像腻扇,于是被迫代替她去往敵國和親债热。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,901評(píng)論 2 355

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