DOM操作

1: dom對象的innerText和innerHTML有什么區(qū)別弟劲?

  • innerHTML屬性設置或獲取描述元素后代的HTML語句
  • innerText是一個可寫屬性,返回元素內包含的文本內容泊碑,在多層次的時候會按照元素由淺到深的順序拼接其內容

2: elem.children和elem.childNodes的區(qū)別瓤介?

  • elem.children子元素列表(HTMLCollection)凶朗,當前元素的子元素的集合
  • elem.childNodes子元素列表(NodeList),當前元素的子元素以及文本(空格也算文本)的集合

3:查詢元素有幾種常見的方法衡蚂?ES5的元素選擇方法是什么?

  • getElementById()方法返回匹配指定ID屬性的元素節(jié)點。如果沒有發(fā)現(xiàn)匹配的節(jié)點骏庸,則返回null毛甲。這也是獲取一個元素最快的方法
  • 諸如此類的還有getElementByClassName()getElementsByTagName()具被、getElementsByName()玻募、querySelector()

4:如何創(chuàng)建一個元素?如何給元素設置屬性一姿?如何刪除屬性

  • createElement()方法創(chuàng)建元素七咧。
  • setAttribute()方法給元素設置屬性。
  • removeAttribute()刪除屬性叮叹。

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

  • appendChild()添加在選中元素內部的最后
  • insertBefore()添加在選中元素內部的開頭
  • removeChild()刪除選中元素的子元素

6: element.classList有哪些方法?如何判斷一個元素的 class 列表中是包含某個 class蛉顽?如何添加一個class蝗砾?如何刪除一個class?

方法 描述
add(class1, class2, ...) 在元素中添加一個或多個類名。如果指定的類名已存在携冤,則不會添加悼粮。
contains(class) 返回布爾值,判斷指定的類名是否存在曾棕。true表示元素包已經(jīng)包含了該類名扣猫;false表示元素中不存在該類名。
item(index) 返回類名在元素中的索引值睁蕾。索引值從 0 開始苞笨。如果索引值在區(qū)間范圍外則返回 null债朵。
remove(class1, class2, ...) 移除元素中一個或多個類名。注意: 移除不存在的類名瀑凝,不會報錯序芦。
toggle(class, true false) 在元素中切換類名。第一個參數(shù)為要在元素中移除的類名粤咪,并返回 false谚中。 如果該類名不存在則會在元素中添加類名,并返回 true寥枝。 第二個是可選參數(shù)宪塔,是個布爾值用于設置元素是否強制添加或移除類,不管該類名是否存在囊拜。例如:移除一個 class: element.classList.toggle("classToRemove", false); 添加一個 class: element.classList.toggle("classToAdd", true);注意: Internet Explorer 或 Opera 12 及其更早版本不支持第二個參數(shù)某筐。

7: 如何選中如下代碼所有的li元素? 如何選中btn元素冠跷?

選中所有 li 元素:
document.querySelectorAll('li')

選中 btn 元素:
document.getElementsByClassName('btn')
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末南誊,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子蜜托,更是在濱河造成了極大的恐慌抄囚,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,639評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件橄务,死亡現(xiàn)場離奇詭異幔托,居然都是意外死亡,警方通過查閱死者的電腦和手機蜂挪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3 385
  • 文/潘曉璐 我一進店門重挑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人锅劝,你說我怎么就攤上這事攒驰。” “怎么了故爵?”我有些...
    開封第一講書人閱讀 157,221評論 0 348
  • 文/不壞的土叔 我叫張陵玻粪,是天一觀的道長。 經(jīng)常有香客問我诬垂,道長劲室,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,474評論 1 283
  • 正文 為了忘掉前任结窘,我火速辦了婚禮很洋,結果婚禮上,老公的妹妹穿的比我還像新娘隧枫。我一直安慰自己喉磁,他們只是感情好谓苟,可當我...
    茶點故事閱讀 65,570評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著协怒,像睡著了一般涝焙。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上孕暇,一...
    開封第一講書人閱讀 49,816評論 1 290
  • 那天仑撞,我揣著相機與錄音,去河邊找鬼妖滔。 笑死隧哮,一個胖子當著我的面吹牛,可吹牛的內容都是我干的座舍。 我是一名探鬼主播沮翔,決...
    沈念sama閱讀 38,957評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼曲秉!你這毒婦竟也來了鉴竭?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,718評論 0 266
  • 序言:老撾萬榮一對情侶失蹤岸浑,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后瑰步,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體矢洲,經(jīng)...
    沈念sama閱讀 44,176評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2 327
  • 正文 我和宋清朗相戀三年缩焦,在試婚紗的時候發(fā)現(xiàn)自己被綠了读虏。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,646評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡袁滥,死狀恐怖盖桥,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情题翻,我是刑警寧澤揩徊,帶...
    沈念sama閱讀 34,322評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站嵌赠,受9級特大地震影響塑荒,放射性物質發(fā)生泄漏。R本人自食惡果不足惜姜挺,卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3 313
  • 文/蒙蒙 一齿税、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧炊豪,春花似錦凌箕、人聲如沸拧篮。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽串绩。三九已至,卻和暖如春仆葡,著一層夾襖步出監(jiān)牢的瞬間赏参,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1 266
  • 我被黑心中介騙來泰國打工沿盅, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留把篓,地道東北人。 一個月前我還...
    沈念sama閱讀 46,358評論 2 360
  • 正文 我出身青樓腰涧,卻偏偏與公主長得像韧掩,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子窖铡,可洞房花燭夜當晚...
    茶點故事閱讀 43,514評論 2 348

推薦閱讀更多精彩內容

  • 基本介紹 文檔對象模型 (DOM) 是HTML和XML文檔的編程接口疗锐。它給文檔(結構樹)提供了一個結構化的表述并且...
    草鞋弟閱讀 431評論 0 0
  • 題目1: dom對象的innerText和innerHTML有什么區(qū)別? innerText是一個可寫屬性费彼,返回元...
    Taaaaaaaurus閱讀 199評論 0 1
  • 1: dom對象的innerText和innerHTML有什么區(qū)別滑臊? innerText:當使用innerText...
    進擊的前端_風笑影閱讀 421評論 0 0
  • 題目1: dom對象的innerText和innerHTML有什么區(qū)別? innerText是一個可寫屬性箍铲,返回元...
    QQQQQCY閱讀 182評論 0 0
  • 1雇卷、 dom對象的innerText和innerHTML有什么區(qū)別? innerText是一個可寫屬性颠猴,返回元素內...
    zh_yang閱讀 313評論 0 0