0

テキスト入力フィールドからテキストを取得して、背景画像として使用しようとしています。明らかに、それは有効な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>

うまくいけば、誰かが私がこれがうまくいかない理由を理解するのを手伝ってくれるでしょう。

4

1 に答える 1

2

要素に入力された値は、その要素に含まれるテキストノード（jQueryの関数が返すもの）ではなく、<input>その属性として保存されます。value.text()

これを試して：

$("#SetBG").click(function() {
    var URL = document.getElementById("ImageURL").value;
    $(".bgimg").css('background-image',"url(" +URL +")");
});
于 2012-12-25T23:46:11.887 に答える