DOM2級(jí)的変動(dòng)事件DOMSubtreeModified捏雌,DOMNodeInserted跃赚,DOMNodeRemoved,DOMNodeInsertedIntoDocument

DOM變動(dòng)事件的用法

DOM2級(jí)的変動(dòng)事件是為XML或html的DOM設(shè)計(jì)的性湿,不特定于某種語(yǔ)言纬傲。
一:變動(dòng)事件的分類有7種,最常用的瀏覽器支持最多的有3種肤频,下面黑體叹括?

  1. DOMSubtreeModified:在DOM結(jié)構(gòu)中發(fā)生任何變化時(shí)觸發(fā);
  2. DOMNodeInserted:在一個(gè)節(jié)點(diǎn)作為子節(jié)點(diǎn)被插入到另一個(gè)節(jié)點(diǎn)中時(shí)觸發(fā)着裹;
  3. DOMNodeRemoved:在節(jié)點(diǎn)從其父節(jié)點(diǎn)中被移除時(shí)觸發(fā)领猾;
  4. DOMNodeInsertedIntoDocument:在一個(gè)節(jié)點(diǎn)被直接插入文檔中或者通過(guò)子樹(shù)間接插入文檔后觸發(fā)。在DOMNodeInserted之后觸發(fā)骇扇;
  5. DOMNodeRemovedFromDocument:在一個(gè)節(jié)點(diǎn)被直接從文檔中刪除或通過(guò)子樹(shù)間接從文檔中移除之前觸發(fā)摔竿。在DOMNodeRemoved之后觸發(fā)。
  6. DOMAttrModified:在特性被修改之后觸發(fā)少孝;
  7. DOMCharacterDataModified:在文本節(jié)點(diǎn)的值發(fā)生變化的時(shí)候觸發(fā)继低。
    二:刪除節(jié)點(diǎn)檢測(cè)?

首先觸發(fā)的是DOMNodeRemoved事件稍走,它對(duì)應(yīng)的event對(duì)象中的target屬性值是被刪除的節(jié)點(diǎn)袁翁,relatedNode屬性值是被刪除節(jié)點(diǎn)的父節(jié)點(diǎn),該事件會(huì)冒泡婿脸;
其次出發(fā)的是DOMNodeRemovedFromDocument事件粱胜,它對(duì)應(yīng)的event對(duì)象中的target屬性值為指定的被刪除的子節(jié)點(diǎn)。只有綁定到它的子節(jié)點(diǎn)上才能被觸發(fā)狐树。
最后觸發(fā)的是DOMSubtreeModified事件焙压。這個(gè)事件對(duì)應(yīng)event對(duì)象中的target屬性是被移除節(jié)點(diǎn)的父節(jié)點(diǎn)。
(下面注釋的序號(hào)為觸發(fā)的順序:)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末抑钟,一起剝皮案震驚了整個(gè)濱河市涯曲,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌在塔,老刑警劉巖幻件,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異蛔溃,居然都是意外死亡绰沥,警方通過(guò)查閱死者的電腦和手機(jī)篱蝇,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)揪利,“玉大人态兴,你說(shuō)我怎么就攤上這事∨蔽唬” “怎么了瞻润?”我有些...
    開(kāi)封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)甜刻。 經(jīng)常有香客問(wèn)我绍撞,道長(zhǎng),這世上最難降的妖魔是什么得院? 我笑而不...
    開(kāi)封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任傻铣,我火速辦了婚禮,結(jié)果婚禮上祥绞,老公的妹妹穿的比我還像新娘非洲。我一直安慰自己,他們只是感情好蜕径,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布两踏。 她就那樣靜靜地躺著,像睡著了一般兜喻。 火紅的嫁衣襯著肌膚如雪梦染。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天朴皆,我揣著相機(jī)與錄音帕识,去河邊找鬼。 笑死遂铡,一個(gè)胖子當(dāng)著我的面吹牛肮疗,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播扒接,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼伪货,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了珠增?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤砍艾,失蹤者是張志新(化名)和其女友劉穎蒂教,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體脆荷,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡凝垛,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年懊悯,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片梦皮。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡炭分,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出剑肯,到底是詐尸還是另有隱情捧毛,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布让网,位于F島的核電站呀忧,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏溃睹。R本人自食惡果不足惜而账,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望因篇。 院中可真熱鬧泞辐,春花似錦、人聲如沸竞滓。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)虽界。三九已至汽烦,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間莉御,已是汗流浹背撇吞。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工礁叔, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留牍颈,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓琅关,卻偏偏與公主長(zhǎng)得像煮岁,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子涣易,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

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

  • 2018.2.5.星期一画机,晴。 下午四點(diǎn)半接回閨女后新症,閨女把今天該做的作業(yè)都寫完了步氏。我們就開(kāi)吃晚飯了,吃完飯收拾好...
    茶可清心_cd55閱讀 131評(píng)論 0 0
  • 問(wèn):你喜歡我什么徒爹? 要是別人問(wèn)我荚醒,我會(huì)覺(jué)得她很傻 喜歡就是喜歡啊 還要說(shuō)喜歡什么呢芋类? 只是,這是別人問(wèn)我的時(shí)候我的...
    酷那么塔塔閱讀 240評(píng)論 0 0
  • 辭職后,在家創(chuàng)業(yè),總是會(huì)被一些壞習(xí)慣折磨著组贺,偶爾會(huì)被墮落包裹著最初的雄心壯志,每個(gè)人都有一些壞習(xí)慣贮竟,這些習(xí)慣都是自...
    XG閱讀 481評(píng)論 0 1