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

rjee0c15  于 2022-12-25  发布在  Java
关注(0)|答案(4)|浏览(132)

在我的网页上,我有JavaScript脚本来改变背景颜色。我的HTML是:

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

我的Javascript函数是:

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

如何更改背景的颜色,从<input>框中获取颜色,而不是输入预定义的值?

lpwwtiir

lpwwtiir1#

代替

<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>

这个或类似的东西应该可以...

cunj1qz1

cunj1qz12#

这是一个**FIDDLE**

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

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

tvokkenx3#

输入框:

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

此时将显示Javascript:

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

mum43rcc4#

此代码是否适用于您:

<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>

相关问题