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