javascript - 如何使用 JavaScript 从用户输入 (URL) 更改背景图像

Question

我应该如何使用输入用户更改 HTML 背景图像，输入是 URL 链接。

    <input type="text" id="value">
    <button onclick="fun()">Change</button>

我尝试过这样的事情，但它不起作用。

function fun (){
      var value = document.getElementById("value").value;
      document.body.style.background = 'url(value)';
    }

标签： javascriptdom

Answer 1

这是因为您没有使用“价值”的价值。您需要在字符串之间连接变量。

尝试这个：

<input type="text" id="value">
<button onclick="fun()">Change</button>

function fun(){
      var value = document.getElementById("value").value;
      document.body.style.background = "url("+ value + ")";;
}