2017-03-02 45 views
1
function() { 
    var id1 = document.getElementById("usrEmailId").value 
    var id2 = document.getElementById("usrEmailIdSecondary").value 
    var id3 = document.getElementById("emailId").value 
} 

這裏,在HTML頁面上,我有電子郵件ID捕獲字段。有兩頁,一頁只有元素usrEmailIdusrEmailIdSecondary,另一頁有元素usrEmailIdemailI。那麼在第一頁的情況下變量id3會發生什麼情況。什麼將被存儲在它呢? (NULL,未定義或空)?如果我把不可用的值放在JavaScript變量中會發生什麼?

+4

您可以嘗試一下,並且在比發佈此問題所花費的時間更少的時間內找到自己的問題 – Phil

回答

2

如果元素不存在,getElementById回報null,什麼都不會得到保存,因爲在所有試圖訪問null.value屬性將之前拋出異常。

0

將存儲什麼?

簡短的回答:沒有

它會拋出錯誤,如「無法獲得null的值」,代碼執行停在這個地方。

var id1 = document.getElementById("usrEmailId").value; // <---if doesn't exist 
 
console.log('Log it if id1 is null.'); // <---it won't happen

0

JavaScript控制檯上獲取生成錯誤。檢查這個代碼片斷

function foo() { 
 
    var id1 = document.getElementById("Email1").value 
 
    console.log(id1); 
 
}
<body> 
 
    <input type="text" id="Email"> 
 
    <input type="text" id="pwd"> 
 
    <button onClick=foo()>Try</button> 
 
</body>

嘗試運行代碼,你會發現無法讀取空出現在控制檯上的財產「價值」每當getElementById("Email1").value稱爲ID Email1不出現在頁面中。

如果控制檯輸出沒有出現在屏幕上,請打開開發人員工具/ Inspect>控制檯。

+0

在'foo()'函數中,您已添加此行'var id1 = document.getElementById(「Email1 「).value'。 輸入字段的ID是Email。 在'foo()'中將'Email1'改爲'Email'或將'input'的'id'改爲'Email1' –

+0

我在'getElementById()'中添加'Email1',以便生成控制檯錯誤。 –

相關問題