Document类型知识大全
生活随笔
收集整理的這篇文章主要介紹了
Document类型知识大全
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
?Document類型
?
1.文檔的子節(jié)點(diǎn)
Document類型可以表示HTML頁(yè)面或者其他基于XML的文檔。不過(guò)，最常見的應(yīng)用還是作為HTMLDocument實(shí)例的document對(duì)象。通過(guò)這個(gè)文檔對(duì)象，不僅可以取得與頁(yè)面有關(guān)的信息，而且還能操作頁(yè)面的外觀及其底層結(jié)構(gòu)。
雖然DOM標(biāo)準(zhǔn)規(guī)定Document節(jié)點(diǎn)的子節(jié)點(diǎn)可以是DocumentType、Element、ProcessingInstruction或Comment，但還有兩個(gè)內(nèi)置的訪問其子節(jié)點(diǎn)的快捷方式。第一個(gè)就是documentElement屬性，該屬性始終指向HTML頁(yè)面中的<html>元素。另一個(gè)就是通過(guò)childNodes列表訪問文檔元素，但通過(guò)documentElement屬性則能更快捷、更直接地訪問該元素。 作為HTMLDocument的實(shí)例，document對(duì)象還有一個(gè)body屬性，直接指向<body>元素。因?yàn)殚_發(fā)人員經(jīng)常要使用這個(gè)元素，所以document.body在JavaScript代碼中出現(xiàn)的頻率非常高，
?2.查找元素
?說(shuō)到最常見的DOM應(yīng)用，恐怕就要數(shù)取得特定的某個(gè)或某組元素的引用，然后再執(zhí)行一些操作了。取得元素的操作可以使用document對(duì)象的幾個(gè)方法來(lái)完成。其中，Document類型為此提供了兩個(gè)方法：getElementById()和getElementsByTagName()。
第一個(gè)方法，getElementById()，接收一個(gè)參數(shù)：要取得的元素的ID。如果找到相應(yīng)的元素則返回該元素，如果不存在帶有相應(yīng)ID的元素，則返回null。注意，這里的ID必須與頁(yè)面中元素的id特性（attribute）嚴(yán)格匹配，包括大小寫。 IE8及較低版本不區(qū)分ID的大小寫，因此"myDiv"和"mydiv"會(huì)被當(dāng)作相同的元素ID。
如果頁(yè)面中多個(gè)元素的ID值相同，getElementById()只返回文檔中第一次出現(xiàn)的元素。IE7及較低版本還為此方法添加了一個(gè)有意思的“怪癖”：name?特性與給定?ID匹配的表單元素（<input>、<textarea>、<button>及<select>）也會(huì)被該方法返回。如果有哪個(gè)表單元素的name特性等于指定的ID，而且該元素在文檔中位于帶有給定ID的元素前面，那么IE就會(huì)返回那個(gè)表單元素。 為了避免IE中存在的這個(gè)問題，最好的辦法是不讓表單字段的name特性與其他元素的ID相同。另一個(gè)常用于取得元素引用的方法是getElementsByTagName()。這個(gè)方法接受一個(gè)參數(shù)，即要取得元素的標(biāo)簽名，而返回的是包含零或多個(gè)元素的NodeList。在HTML文檔中，這個(gè)方法會(huì)返回一個(gè)HTMLCollection對(duì)象，作為一個(gè)“動(dòng)態(tài)”集合，該對(duì)象與NodeList非常類似。 對(duì)HTMLCollection而言，我們可以向方括號(hào)中傳入數(shù)值或字符串形式的索引值。在后臺(tái)，對(duì)數(shù)值索引就會(huì)調(diào)用item()，而對(duì)字符串索引就會(huì)調(diào)用namedItem()。? 要想取得文檔中的所有元素，可以向getElementsByTagName()中傳入"*"。在JavaScript及CSS中，星號(hào)（*）通常表示“全部”。
第三個(gè)方法，也是只有HTMLDocument類型才有的方法，是getElementsByName()。顧名思義，這個(gè)方法會(huì)返回帶有給定name特性的所有元素。最常使用getElementsByName()方法的情況是取得單選按鈕；為了確保發(fā)送給瀏覽器的值正確無(wú)誤，所有單選按鈕必須具有相同的name特性，與getElementsByTagName()類似，getElementsByName()方法也會(huì)返回一個(gè)HTMLCollectioin。
轉(zhuǎn)載于:https://www.cnblogs.com/wuxianqiang/p/6765046.html
超強(qiáng)干貨來(lái)襲 云風(fēng)專訪：近40年碼齡，通宵達(dá)旦的技術(shù)人生總結(jié)
以上是生活随笔為你收集整理的Document类型知识大全的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ZOJ 3962：Seven Segme
- 下一篇： Prime Count 求大区间素数个