JavaScript從文本框文本中更改背景圖片

Question

我正在嘗試從我的文本輸入字段中取出文本並將其用作背景圖片。顯然它需要是一個有效的URL。

這是到目前爲止我的代碼...

CSS：

body { 
    margin: 0px; 
    padding: 0px; 
    border: 0px; 
} 

.bgimg { 
    background-image:url('http://192.168.0.4/DesktopVersion/Inc/Images/Background/DarkWood.jpg'); 
} 

的JavaScript：

$("#SetBG").click(function() { 
    var URL = document.getElementById("ImageURL").text(); 
    $(".bgimg").css('background-image',"url(" +URL +")"); 
}); 

HTML：

<input type="text" id="ImageURL"></input> 
<button id="SetBG">Set Background</button> 

希望有人能幫助我爲什麼這不起作用。

Answer 1

輸入到<input>元素的值存儲爲其value屬性，而不是其包含的文本節點（這是jQuery的.text()函數返回的內容）。

試試這個：

$("#SetBG").click(function() { 
    var URL = document.getElementById("ImageURL").value; 
    $(".bgimg").css('background-image',"url(" +URL +")"); 
});