JavaScript从文本框文本更改背景图像

我试图从我的文本输入字段中获取文本，并将其用作背景图像。显然，它需要是一个有效的URL

这是我到目前为止的代码

CSS:

JavaScript:

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

HTML:

背景

---

希望有人能帮我弄清楚为什么这不起作用。

输入到

元素中的值存储为它的

值

属性，而不是它所包含的文本节点（这是jQuery的

.text（）

函数返回的）

试试这个：

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

---

... 问题是，为什么它显然不起作用；）

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

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