第十章 DOM

1.IE中的所有DOM對象都是以COM對象的形式實現(xiàn)的仲墨,意味著IE中的DOM對象與原生JavaScript對象的行為或活動特征并不一致盒件。


2.Node接口在JavaScript中是作為Node類型實現(xiàn)的桶蛔。除了IE外蛋辈,在其他的瀏覽器中都可以訪問到這個類型桶错。


3. NodeList是一種類數(shù)組對象航唆,用于保存一組有序的節(jié)點,并不是Array的實例院刁。


4.所有節(jié)點都有的最后一個屬性是ownerDucement糯钙,該屬性指向表示整個文檔的文檔節(jié)點


5. IE8及更早版本與其他瀏覽器處理空白字符的方式不一樣。IE9之前的版本不會為空白符創(chuàng)建節(jié)點。


6.IE在cloneNode()方法時會復(fù)制事件處理程序任岸,所有在復(fù)制前最好先移除事件處理程序再榄。


7.Document類型可以表示HTML頁面或者其他基于XML的文檔。最常見的應(yīng)用時作為HTMLDocument實例的document對象


8.①取得對<html>的引用

var html = document . documentElement;

②取得對<body>的引用

var body = document . body ;

③取得對<!DOCTYPE>的引用

var doctype = document . doctype ;


9.瀏覽器對document . doctype的支持差別:

①IE8及之前的版本:把文檔聲明類型錯誤地解釋為一個注釋并把它當(dāng)作Comment節(jié)點享潜,而document . doctype的值始終為null困鸥;

②IE9+及Firefox:如果存在文檔聲明類型,則將其作為文檔的第一個子節(jié)點剑按;document . doctype是一個DocumentType節(jié)點信峻,也可以通過document . firstChild或document . childNodes[0]訪問缀匕;

③Safari王滤、Chrome和Opera:如果存在文檔聲明類型泉唁,則將其解析,但不作為文檔的子節(jié)點吴趴;document . doctype是一個DocumentType節(jié)點漆诽,但該節(jié)點不會出現(xiàn)在document . childNodes中


10.瀏覽器處理位于<html>外部的注釋方面的差異:

<!-- 第一條注釋 -->

<html>

? ? ? ? <body></body>

</html>

<!-- 第二天注釋 -->

①IE8及之前的版本、Safari 3.1及更高版本锣枝、Opera和Chrome:只為第一條注釋創(chuàng)建節(jié)點厢拭,不為第二條注釋創(chuàng)建節(jié)點。結(jié)果撇叁,第一條注釋稱為document . childNodes中的第一個子節(jié)點供鸠;

②IE9+:將第一條注釋創(chuàng)建為document . childNodes中的第一個注釋節(jié)點,也會將第二天注釋創(chuàng)建為document . childNodes中的注釋子節(jié)點陨闹;

③Safari 3.1之前的版本及Firefox:完全忽略這兩條注釋


11.由于跨域安全限制楞捂,來自不同子域的頁面無法通過JavaScript通信。通過將document.domain設(shè)置為相同的值趋厉,這些頁面就可以互相訪問對方包含的JavaScript對象了寨闹。


12.瀏覽器對domain屬性的限制:

①不能將domain屬性設(shè)置為URL中不包含的域。

②若域名一開始是“松散的”君账,那么不能將它再設(shè)置為“緊繃的”繁堡。

// 假設(shè)頁面來自于p2p . wrox . com域

document . domain = " wrox . com "; ? ? ? ? ?//松散的(成功)

document . domain = " p2p . wrox . com "; //緊繃的(失敗)


13.①IE8及較低版本不區(qū)分ID的大小寫乡数;

②若頁面中多個元素的ID值相同椭蹄,getElementById()只返回文檔中第一次出現(xiàn)的元素;

③IE7及較低版本中:name特性與給定ID匹配的表單元素也會被該方法返回净赴。


14.屬性的值與通過getAttribute()返回的值不同的兩類特性:

①style:通過屬性訪問返回一個對象绳矩;通過getAttribute()訪問返回CSS文本。

②onclick:通過屬性訪問返回一個JavaScript函數(shù)(若未指定玖翅,則返回null)翼馆;

? ? ? ? ? ? ? ? ? 通過getAttribute()訪問返回相應(yīng)代碼的字符串割以。

開發(fā)人員經(jīng)常只使用對象的屬性,只有在取得自定義特性值的情況下写妥,才會使用getAttribute()方法


15.如果需要通過childNodes屬性遍歷子節(jié)點拳球,那么在執(zhí)行某項操作以前审姓,通常要先檢查nodeType屬性珍特。


16.應(yīng)該盡量減少訪問NodeList的次數(shù),因為每次訪問NodeList魔吐,都會運行一次基于文檔的查詢扎筒。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市酬姆,隨后出現(xiàn)的幾起案子嗜桌,更是在濱河造成了極大的恐慌,老刑警劉巖辞色,帶你破解...
    沈念sama閱讀 217,907評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件骨宠,死亡現(xiàn)場離奇詭異,居然都是意外死亡相满,警方通過查閱死者的電腦和手機层亿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,987評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來立美,“玉大人匿又,你說我怎么就攤上這事〗ㄌ悖” “怎么了碌更?”我有些...
    開封第一講書人閱讀 164,298評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長洞慎。 經(jīng)常有香客問我痛单,道長,這世上最難降的妖魔是什么劲腿? 我笑而不...
    開封第一講書人閱讀 58,586評論 1 293
  • 正文 為了忘掉前任旭绒,我火速辦了婚禮,結(jié)果婚禮上谆棱,老公的妹妹穿的比我還像新娘快压。我一直安慰自己,他們只是感情好垃瞧,可當(dāng)我...
    茶點故事閱讀 67,633評論 6 392
  • 文/花漫 我一把揭開白布蔫劣。 她就那樣靜靜地躺著,像睡著了一般个从。 火紅的嫁衣襯著肌膚如雪脉幢。 梳的紋絲不亂的頭發(fā)上歪沃,一...
    開封第一講書人閱讀 51,488評論 1 302
  • 那天,我揣著相機與錄音嫌松,去河邊找鬼沪曙。 笑死,一個胖子當(dāng)著我的面吹牛萎羔,可吹牛的內(nèi)容都是我干的液走。 我是一名探鬼主播,決...
    沈念sama閱讀 40,275評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼贾陷,長吁一口氣:“原來是場噩夢啊……” “哼缘眶!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起髓废,我...
    開封第一講書人閱讀 39,176評論 0 276
  • 序言:老撾萬榮一對情侶失蹤巷懈,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后慌洪,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體顶燕,經(jīng)...
    沈念sama閱讀 45,619評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,819評論 3 336
  • 正文 我和宋清朗相戀三年冈爹,在試婚紗的時候發(fā)現(xiàn)自己被綠了涌攻。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,932評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡犯助,死狀恐怖癣漆,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情剂买,我是刑警寧澤惠爽,帶...
    沈念sama閱讀 35,655評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站瞬哼,受9級特大地震影響婚肆,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜坐慰,卻給世界環(huán)境...
    茶點故事閱讀 41,265評論 3 329
  • 文/蒙蒙 一较性、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧结胀,春花似錦赞咙、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,871評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至秸抚,卻和暖如春速和,著一層夾襖步出監(jiān)牢的瞬間歹垫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,994評論 1 269
  • 我被黑心中介騙來泰國打工颠放, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留排惨,地道東北人。 一個月前我還...
    沈念sama閱讀 48,095評論 3 370
  • 正文 我出身青樓碰凶,卻偏偏與公主長得像暮芭,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子痒留,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,884評論 2 354

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

  • 本章內(nèi)容 理解包含不同層次節(jié)點的 DOM 使用不同的節(jié)點類型 克服瀏覽器兼容性問題及各種陷阱 DOM 是針對 HT...
    悶油瓶小張閱讀 638評論 0 1
  • DOM(文檔對象模型)是針對 HTML 和 XML 文檔的一個 API谴麦。DOM 描繪了一個層次化的節(jié)點樹蠢沿,允許開發(fā)...
    劼哥stone閱讀 772評論 8 6
  • 我平時上下班的路上舷蟀,或是晚上出去散步的時候恤磷,喜歡戴著耳機聽一些音樂或是知識類的講座,免得長路漫漫野宜,無聊空虛扫步。羅振宇...
    霍小山閱讀 569評論 0 1
  • 又是一年暮秋季。小區(qū)林蔭道兩側(cè)匈子,以銀杏樹為主河胎,每到深秋,北風(fēng)吹來虎敦,瞬間銀杏葉落滿地游岳,黃金似的,確實很美其徙。為...
    參天大樹_閱讀 365評論 0 0
  • 我們家今天第六天闖關(guān)胚迫,題目對她來說一點兒都不難,但她出現(xiàn)了強烈的逆反情緒唾那,闖了一關(guān)就開始不耐煩访锻。亂點鼠標(biāo)導(dǎo)致死機,...
    紫冰草堂閱讀 628評論 0 0