function cross() {
var dik = document.getElementsByName('r1c1')[0].parentNode;
dik.style.color = "red";
}
<table>
<tr>
<td><input type="radio" name="r1c1" value="TRUE"></td>
<td><input type="radio" name="r1c1" value="FALSE"></td>
</tr>
<tr>
<td><input type="radio" name="r1c2" value="TRUE"></td>
<td><input type="radio" name="r1c2" value="FALSE"></td>
</tr>
<input type="button" name="sbmt" value="CHECK" onclick="cross();">
</table>
当我点击按钮时,我想将 td block 的颜色更改为包含
输入元素 <input type="radio" name="r1c1" value="TRUE">
最佳答案
您必须使用属性 backgroundColor
来更改 td
的颜色。 color
用于改变text
Read Here color vs backgroundColor
<script type="text/javascript">
function cross(){
var dik = document.getElementsByName('r1c1')[0].parentNode;
dik.style.backgroundColor = "red";
}
</script>
<table>
<tr>
<td><input type="radio" name="r1c1" value="TRUE"></td>
<td><input type="radio" name="r1c1" value="FALSE"></td>
</tr>
<tr>
<td><input type="radio" name="r1c2" value="TRUE"></td>
<td><input type="radio" name="r1c2" value="FALSE"></td>
</tr>
<input type="button" name="sbmt" value="CHECK" onclick="cross();">
</table>
关于javascript - HTML DOM 更改父元素的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47222970/