第十一章 DOM擴(kuò)展

1.Element Traversal API 為DOM元素新增了5個(gè)屬性:

①childElementCount:返回子元素(不包括文本節(jié)點(diǎn)和注釋)的個(gè)數(shù)。

②firstElementChild:指向第一個(gè)子元素;firstChild的元素版。

③lastElementChild:指向最后一個(gè)子元素;lastChild的元素版。

④previousElementSibling:指向前一個(gè)同輩元素;previousSibling的元素版。

⑤nextElementSibling:指向后一個(gè)同輩元素;nextSibling的元素版。


2. innerHTML屬性:

①IE和Opera會(huì)將所有標(biāo)簽轉(zhuǎn)換為大寫形式;

②Safari、Chrome、Firefox:原原本本按照原文檔的格式返回HTML,包括空格和縮進(jìn)。


3.大多數(shù)瀏覽器通過innerHTML插入<script>元素不會(huì)執(zhí)行其中的腳本。IE8及更早版本是唯一能在這種情況下執(zhí)行腳本的瀏覽器。其執(zhí)行條件:

①必須為<script>元素指定defer屬性

②<script>元素必須位于(微軟所謂的)“有作用域的元素”之后。若通過innerHTML插入的字符串開頭就是一個(gè)“無作用域的元素”,那么IE會(huì)在解析這個(gè)字符串前線刪除該元素。


4.在使用innerHTML、outerHTML屬性和insertAdjacentHTML()方法時(shí),最好先手工刪除要被替換的元素的所有事件處理程序和JavaScript對(duì)象屬性。


5. IE9為止有4種文檔模式:

①IE5:以混雜模式渲染頁面。IE8及更高版本的新功能都無法使用

②IE7:以IE7標(biāo)準(zhǔn)模式渲染頁面。IE8及更高版本的新功能都無法使用

③IE8:以IE8標(biāo)準(zhǔn)模式渲染頁面。IE9中的新功能無法使用

④IE9:以IE9標(biāo)準(zhǔn)模式渲染頁面。這個(gè)文檔模式是最高級(jí)的模式


6.強(qiáng)制瀏覽器以某種模式渲染頁面:

①使用HTTP頭部信息X-UA-Compatible

②通過等價(jià)的<meta>標(biāo)簽設(shè)置:<meta http-equiv="X-UA-Compatible" content="IE=IEVersion">


7.IEVersion有以下值:

①Edge:始終以最新的文檔模式來渲染頁面

②EmulateIE9:如果有文檔類型什么,則以IE9標(biāo)準(zhǔn)模式渲染頁面,否則將文檔模式設(shè)置為IE5

③EmulateIE8:如果有文檔類型什么,則以IE8標(biāo)準(zhǔn)模式渲染頁面,否則將文檔模式設(shè)置為IE5

④EmulateIE7:如果有文檔類型什么,則以IE7標(biāo)準(zhǔn)模式渲染頁面,否則將文檔模式設(shè)置為IE5

⑤9:強(qiáng)制以IE9標(biāo)準(zhǔn)模式渲染頁面,忽略文檔類型聲明

⑥8:強(qiáng)制以IE8標(biāo)準(zhǔn)模式渲染頁面,忽略文檔類型聲明

⑦7:強(qiáng)制以IE7標(biāo)準(zhǔn)模式渲染頁面,忽略文檔類型聲明

⑧5:強(qiáng)制以IE5標(biāo)準(zhǔn)模式渲染頁面,忽略文檔類型聲明


8.①scrollIntoView()和scrollIntoViewIfNeeded()的作用對(duì)象時(shí)元素的容器

②scrollByLines()和scrollByPages()影響的是元素自身


9.DOM擴(kuò)展的規(guī)范:

①Selectors API:定義了兩個(gè)方法(querySelector()和querySelectorAll()),讓開發(fā)人員能夠給予CSS選擇符從DOM中取得元素

②Element Traversal:為DOM元素定義了額外的屬性,讓開發(fā)人員能夠更方便地從一個(gè)元素跳到另一個(gè)元素。之所以會(huì)出現(xiàn)這個(gè)擴(kuò)展,是因?yàn)闉g覽器處理DOM元素間空白符的方式不一樣

③HTML5:為標(biāo)準(zhǔn)的DOM定義了很多擴(kuò)展功能。其中包括在innerHTML屬性這樣的事實(shí)標(biāo)準(zhǔn)基礎(chǔ)上提供的標(biāo)準(zhǔn)定義,以及為管理焦點(diǎn)、設(shè)置字符集、滾動(dòng)頁面而規(guī)定的擴(kuò)展API

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,090評(píng)論 1 92
  • 很早之前就在看web前端面試題,一直想總結(jié)一個(gè)比較全面又詳細(xì)的面試題庫,現(xiàn)在總結(jié)了一些,分享給大家,以后還會(huì)持續(xù)更...
    櫻桃小丸子兒閱讀 86,391評(píng)論 32 691
  • 最近在做UI自動(dòng)化,寫了幾個(gè)小工具,需要自取 __author__ = 'xiaoj' import time i...
    子不語的花未眠閱讀 396評(píng)論 0 2
  • 偶然間想起三毛說過的一句話:清風(fēng)明月永遠(yuǎn)是一個(gè)人的事,吃飯還是人多點(diǎn)為好。 對(duì)此,我深表贊同。世間確實(shí)有許多事情不...
    徐野閱讀 982評(píng)論 28 22
  • 小郭是我的一個(gè)普通朋友,應(yīng)該算不上朋友,只是一起共事過。小郭生的高大威猛,還當(dāng)過兵,長(zhǎng)相也不錯(cuò),胳膊上紋著一個(gè)我...
    小付物理閱讀 512評(píng)論 0 0

友情鏈接更多精彩內(nèi)容