1. 程式人生 > >為什麼給html標籤定義了id,就可以在js中(瀏覽器環境)直接通過id引用這個dom元素?

為什麼給html標籤定義了id,就可以在js中(瀏覽器環境)直接通過id引用這個dom元素?

問題

只要標籤有id這個屬性,不使用getElementById方法,也可以直接用id獲取dom元素。

解惑

經過一波搜尋及查資料,原因大概是如果dom元素的id名稱不和js內建屬性或全域性變數重名的話,該名稱自動成為window物件的屬性,所以可以直接用來操作dom。看網上的說法是,這個是IE首先支援,火狐谷歌後面才支援的。不過現在還未形成標準,為了保險,還是不用的好。不過看各大瀏覽器都支援,覺得也許以後這個有可能直接成標準也說不定哈,到時候又可以省幾個程式碼0.

在各大瀏覽器中的測試結果如下:

  • chorme瀏覽器中
    這裡寫圖片描述

  • firefox瀏覽器中
    這裡寫圖片描述

  • ie瀏覽器中(模擬ie5版)


    這裡寫圖片描述