Javascrip的DOM操作


操作文檔對(duì)象

  • document.write()--將內(nèi)容插入到文檔對(duì)象末尾,不會(huì)將原來文檔對(duì)象內(nèi)容覆蓋住,而是追加到末尾。

獲取節(jié)點(diǎn)對(duì)象

  • getElementById()--通過元素ID獲取元素節(jié)點(diǎn)對(duì)象。
  • getElementsByTagName()--通過元素標(biāo)簽返回元素節(jié)點(diǎn)對(duì)象素組凌箕。
  • childNodes--當(dāng)前元素節(jié)點(diǎn)的所有子元素節(jié)點(diǎn)數(shù)組。返回的節(jié)點(diǎn)數(shù)組中包涵文本節(jié)點(diǎn)词渤∏2眨可以通過節(jié)點(diǎn)的nodeType屬性值來判斷是文本節(jié)點(diǎn)還是元素節(jié)點(diǎn),如果值為1那么就是元素節(jié)點(diǎn)掖肋,值為3那么就是文本節(jié)點(diǎn)仆葡,值為2那么就是屬性節(jié)點(diǎn)≈玖可以通過nodeValue來檢索或設(shè)置節(jié)點(diǎn)的值沿盅。
  • firstChild--獲取當(dāng)前元素節(jié)點(diǎn)下的第一個(gè)子節(jié)點(diǎn)。
  • lastChild--獲取當(dāng)前元素節(jié)點(diǎn)下的最后一個(gè)子節(jié)點(diǎn)纫溃。

  • document.createElement(參數(shù))--根據(jù)傳入的元素標(biāo)簽名稱創(chuàng)建一個(gè)元素節(jié)點(diǎn)腰涧,并返回創(chuàng)建的該元素節(jié)點(diǎn)對(duì)象。
  • document.createTextNode(text)--根據(jù)傳入的文本紊浩,創(chuàng)建一個(gè)文本節(jié)點(diǎn)并返回該創(chuàng)建的文本節(jié)點(diǎn)窖铡。

元素節(jié)點(diǎn)的屬性

  • innerHtml--可以通過該屬性獲取或者設(shè)置當(dāng)前元素節(jié)點(diǎn)之間的內(nèi)容。
  • parentNode--返回當(dāng)前元素節(jié)點(diǎn)的父元素節(jié)點(diǎn)坊谁。
  • nextSibling--返回當(dāng)前元素節(jié)點(diǎn)得下一個(gè)元素節(jié)點(diǎn)對(duì)象费彼。

元素節(jié)點(diǎn)方法

  • getAttribute(屬性名字)--通過傳入一個(gè)屬性名字參數(shù)獲取當(dāng)前元素節(jié)點(diǎn)屬性的內(nèi)容,如果沒有則返回Null口芍。
  • setAttribute(屬性名字箍铲,屬性值)--設(shè)置當(dāng)前元素節(jié)點(diǎn)對(duì)象的某個(gè)屬性值。
  • appendChild(child)--將child節(jié)點(diǎn)插入到當(dāng)前元素節(jié)點(diǎn)的末尾鬓椭。
  • insertBefore(newNode, thisNode)--將newNode節(jié)點(diǎn)插入到當(dāng)前元素節(jié)點(diǎn)中thisNode子節(jié)點(diǎn)之前颠猴。
  • className--為當(dāng)前元素節(jié)點(diǎn)設(shè)置類名。

JS中的定時(shí)器

  • setTimeout(函數(shù)名稱小染, 時(shí)間/毫秒為單位)--多少毫秒過后調(diào)用一次傳入的函數(shù)翘瓮,并返回當(dāng)前定時(shí)器對(duì)象。(不會(huì)重復(fù)調(diào)用)
  • setInterval(函數(shù)名稱, 時(shí)間/毫秒為單位)--每隔多少毫秒調(diào)用一次函數(shù)(一直重復(fù)調(diào)用)
  • clearTimeout(定時(shí)器對(duì)象)--清除當(dāng)前定時(shí)器裤翩。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末资盅,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌律姨,老刑警劉巖振峻,帶你破解...
    沈念sama閱讀 216,591評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異择份,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)烫堤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門荣赶,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人鸽斟,你說我怎么就攤上這事拔创。” “怎么了富蓄?”我有些...
    開封第一講書人閱讀 162,823評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵剩燥,是天一觀的道長。 經(jīng)常有香客問我立倍,道長灭红,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,204評(píng)論 1 292
  • 正文 為了忘掉前任口注,我火速辦了婚禮变擒,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘寝志。我一直安慰自己娇斑,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評(píng)論 6 388
  • 文/花漫 我一把揭開白布材部。 她就那樣靜靜地躺著毫缆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪乐导。 梳的紋絲不亂的頭發(fā)上苦丁,一...
    開封第一講書人閱讀 51,190評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音兽叮,去河邊找鬼芬骄。 笑死,一個(gè)胖子當(dāng)著我的面吹牛鹦聪,可吹牛的內(nèi)容都是我干的账阻。 我是一名探鬼主播,決...
    沈念sama閱讀 40,078評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼泽本,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼淘太!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,923評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤蒲牧,失蹤者是張志新(化名)和其女友劉穎撇贺,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體冰抢,經(jīng)...
    沈念sama閱讀 45,334評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡松嘶,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了挎扰。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片翠订。...
    茶點(diǎn)故事閱讀 39,727評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖遵倦,靈堂內(nèi)的尸體忽然破棺而出尽超,到底是詐尸還是另有隱情,我是刑警寧澤梧躺,帶...
    沈念sama閱讀 35,428評(píng)論 5 343
  • 正文 年R本政府宣布似谁,位于F島的核電站,受9級(jí)特大地震影響掠哥,放射性物質(zhì)發(fā)生泄漏巩踏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評(píng)論 3 326
  • 文/蒙蒙 一龙致、第九天 我趴在偏房一處隱蔽的房頂上張望蛀缝。 院中可真熱鬧,春花似錦目代、人聲如沸屈梁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽在讶。三九已至,卻和暖如春霜大,著一層夾襖步出監(jiān)牢的瞬間构哺,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評(píng)論 1 269
  • 我被黑心中介騙來泰國打工战坤, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留曙强,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,734評(píng)論 2 368
  • 正文 我出身青樓途茫,卻偏偏與公主長得像碟嘴,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子囊卜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評(píng)論 2 354

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理娜扇,服務(wù)發(fā)現(xiàn)错沃,斷路器,智...
    卡卡羅2017閱讀 134,652評(píng)論 18 139
  • 國家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說閱讀 10,960評(píng)論 6 13
  • 購物其實(shí)是個(gè)和自己雀瓢,和世界相處的過程枢析。 一、購物狂刃麸?醒叁! 小時(shí)候看張柏芝演得購物狂的電影,十分不解購物怎么會(huì)發(fā)展成癲...
    從此瞎了眼閱讀 456評(píng)論 0 0
  • 今天我們來學(xué)習(xí)字母組合gg和gh的發(fā)音嫌蚤。它們的發(fā)音規(guī)則比較簡單辐益,詳見下圖: 字母組合gg的發(fā)音 1.發(fā)/g/的音 ...
    虐單詞閱讀 6,589評(píng)論 0 1
  • 在長達(dá)四個(gè)月的忍耐中,最終你還是被退學(xué)了认罩!在你被退學(xué)的那一天箱蝠,你讓陳老師很心痛的掉了眼淚。你在入園四個(gè)月...
    就這樣微笑閱讀 180評(píng)論 0 0