更改表格字体颜色Javascript

Change table font color Javascript

本文关键字：颜色 Javascript 字体 表格      更新时间：2023-10-19

我有这个代码

<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文档.getElementById中查找了字体颜色，结果是".style.color"。如何更改字体颜色？

我也创建了两个单独的函数来尝试实现这一点，但效果相同。

尝试

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

在jsfiddle 中试用

相关文章：