JavaScript：語法錯誤？是嗎？

Question

我有一個非常簡單的Javascript代碼。代碼是在頁面加載時更改圖像的來源。它是這樣的：

window.onload = initAll; 
function initAll(){ 
    document.getElementById("imgSlider").src = "menuBack.jpg"; 
} 

現在，這工作得很好。看看下面的代碼。

window.onload = initAll; 
function initAll(){ 
    var imgSrc = document.getElementById("imgSlider").src 
    imgSrc = "menuBack.jpg"; 

} 

這個代碼不應該像上面的代碼一樣執行嗎？我想，應該的。下面的代碼有什麼問題嗎？我使用Mozilla Firefox（最新版本）。這可能是瀏覽器的問題嗎？

Answer 1

第二段代碼應該肯定會做別的。

第一部分：

document.getElementById("imgSlider").src = "menuBack.jpg"; 

意味着你的字符串"menuBack.jpg"存入document.getElementById("imgSlider").src。

然而，第二部分：

var imgSrc = document.getElementById("imgSlider").src 
imgSrc = "menuBack.jpg"; 

意味着你第一存儲document.getElementById("imgSlider").src成imgSrc，但隨後覆蓋該通過存儲"menuBack.jpg"成imgSrc。 這是不同的。

Answer 2

不喜歡

var imgSrc = document.getElementById("imgSlider"); 
imgSrc.src = "menuBack.jpg"; 

你應該在你的變量的DOM元素的值應用於其屬性。其他方法你只是有一個不是DOM元素的字符串。

Answer 3

window.onload = initAll; 
function initAll(){ 
    var img = document.getElementById("imgSlider"); 
    img.src = "menuBack.jpg"; 
}