Javascript渐变背景表格到表

时间:2017-09-28 23:32:34

标签: javascript forms linear-gradients

我对此有点新意,并不知道从哪里开始。我想要做的是创建一个网页,您可以使用表单提交两种颜色。然后我想要一个表,当你按下一个按钮时,单元格的背景颜色将变成所选择的两种颜色的渐变。我们非常感谢您提供的任何帮助。

World x = new World();
x.Strings = new myStrings();
x.Strings.a = ...
x.Doubles = new myDoubles();
x.Doubles.a = ...

我对此并不擅长,我知道可以用一种颜色作为背景,但我想要一个决斗颜色渐变。

1 个答案:

答案 0 :(得分:0)

你刚刚有一些小错字,这应该解决它:



function updateColor(){
    var col1 = document.getElementById('color1').value;
    var col2 = document.getElementById('color2').value;
    var myCell = document.getElementById('mycell');
    mycell.style.background = "linear-gradient(to right, " + col1 + ", " + col2 + ")";
}

<select id="color1">
<option value="0">set background color
<option value="red">red
<option value="yellow">yellow
<option value="blue">blue
<option value="green">green
<option value="black">black
</select><br />

<select id="color2">
<option value="0">set background color
<option value="red">red
<option value="yellow">yellow
<option value="blue">blue
<option value="green">green
<option value="black">black
</select>

<button onclick="updateColor();">Gradient</button>

<table border="1">
<tr>
    <td>One
    </td>
    <td>Two
    </td>
    <td id="mycell">Three
    </td>
    <td>Four
    </td>
</tr>
</table>
&#13;
&#13;
&#13;