一、經過點的方式瀏覽器
二、經過括號的方式函數
例:spa
<input type="text" value="hello" id="text"/> var oText = document.getElementById("text") (1)經過點的方式 oText.property
注意的是:(a)點要查找的是JS中原本就存在的屬性名,不能找到變量或者函數的參數,好比下面:get
var name = "value"
oText.name
//這種方式訪問就會出錯,由於用點的方式訪問,它會去input的標籤裏面直接到有沒有name的屬性,若是沒有就找不到,因此訪問不到咱們定義的這個變量的值
//並且若是name是某個函數的參數也不能夠獲取到,原理是同樣的。因此封裝函數屬性須要做爲參數的時候,訪問的時候不要用點,用括號
(b)標準瀏覽器下沒法訪問HTML中的自定義屬性,能夠獲取經過JS參加的自定義屬性。input
(c)沒法獲取相對網址,好比img.src獲取的是絕對路徑。變量
(2)經過括號的方式 oText[property]原理
(a)能夠訪問任何變量和參數;im
(b)標準瀏覽器下沒法訪問HTML中的自定義屬性,能夠獲取經過JS參加的自定義屬性。img
(c)沒法獲取相對網址,好比img.src獲取的是絕對路徑。標籤