Question

在我的网页上，我有改变背景颜色的JavaScript脚本。我的HTML是：

<a href="#" onclick="javascript:changeBGC('#FFFFFF')">White</a>

我的Javascript功能是：

    function changeBGC(color){
        document.bgColor = (color);
    }

如何更改从<input>框中获取颜色的背景颜色，而不是预设值？

Answer 1

而不是

<a href="#" onclick="javascript:changeBGC('#FFFFFF')">White</a>

你可以

<form>
<input type="text" id="inputcolorz" />
<input type="submit" onclick="changeBGC()" />
</form>

以及您可以执行的功能

<script>
function changeBGC(){
foo = document.getElementById("inputcolorz").value
document.bgColor=(foo);
}
</script>

这些或类似的东西应该有用......

Answer 2

输入框：

<input type='text' id='myinputcolor'/>

Javascript：

<a href="#" onclick="javascript:changeBGC(document.getElementById('myinputcolor').value)">Change Color</a>

Answer 3

这是 FIDDLE

<input id="color" type="text" onKeyUp="color();">

function color() {
  document.body.style.background=document.getElementById('color').value;
}

Answer 4

<P align="center"><SELECT NAME="flavorlist" SIZE="1" onClick="javascript:document.bgColor=this.value">
          <OPTION VALUE="#FFFFFF" SELECTED>Select a Background</option>
          <OPTION VALUE="#CCCCCC">Gray</option>
          <OPTION VALUE="#FF9999">Light Red</option>
          <OPTION VALUE="#FFCCFF">Pink</option>
          <OPTION VALUE="#FFFFFF">White</option>
    </SELECT><P>

输入框以使用javascript更改网页的背景颜色

4 个答案: