Question

我有这段代码

<html>
<head>
<script>
function jsonchange(id) {
document.getElementById("cell1").style.backgroundColor = document.getElementById("1").value;
document.getElementById("cell1").style.Color = document.getElementById("2").value;
}
</script>
</head>
<body>
<table border="1" cellpadding="1" cellspacing="1" style="width: 99%;">
<tbody>
<tr>
<td id="cell1">
Please select a background color:<input id="1" name="bgc" class="color" onchange="jsonchange('cell1')"><br>
Please select a font:<input id="2" name="ftc" class="color" onchange="jsonchange('cell1')"><br>
</td>
</tr>
</tbody>
</table>
</body>
</html>

背景颜色变化很好。我无法弄清楚为什么字体颜色不会改变。

我已经查找了javascript document.getElementById的字体颜色，它是“.style.color”我将如何更改字体颜色？

我已经创建了两个单独的函数来尝试实现它，但它具有相同的效果。

Answer 1

尝试

document.getElementById("cell1").style.color; //in lower case

Try in jsfiddle

更改表格字体颜色Javascript

1 个答案: