php - 在标签中使用 JavaScript 更改 CSS 属性我正在开发一个在线测验应用程序，它提供了所有问题的列表，当用户单击问题编号时，应显示相应的问题。当用户单击任何问题编号时，应更改问题编号单元格的背景颜色。为此，我的 JS 如下 <script> function changecolor(x) { document.getElementById(x).style.background-color="#4ead3a";

Question

我正在开发一个在线测验应用程序，它提供了所有问题的列表，当用户单击问题编号时，应显示相应的问题。当用户单击任何问题编号时，应更改问题编号单元格的背景颜色。为此，我的 JS 如下

<script>
function changecolor(x)
{
    document.getElementById(x).style.background-color="#4ead3a";
}
 </script>

table代码如下：

<table border=1>
<tr>            
<?php
for($i=1;$i<=$count;$i++)
{ ?>
<td id="<?php echo  $i; ?> " align="center" style="width:50px"    onclick="changecolor(id)" >
    <a href="http://127.0.0.1/example/runquiz.php?x=<?php echo  $i; ?>" ><?php   echo  $i; ?> </a> 
    <input type="hidden" name=<?php echo  $i; ?> value="" >
</td>
<?php }
 ?>
 </tr></table>

和CSS如下

td{
vertical-align:middle;
background-color:#dbd6d2;
border:1px solid #000000;
border-width:0px 1px 1px 0px;
text-align:center;
padding:7px;
font-size:10px;
font-family:Arial;
font-weight:bold;
color:#000000;

}

但是当我单击任何单元格时，背景颜色保持不变。我是使用 JS 和 CSS 的新手。请帮我。提前致谢

Answer 1

利用

document.getElementById(x).style.backgroundColor="#4ead3a";

http://www.w3schools.com/jsref/prop_style_backgroundcolor.asp

Answer 2

代替

    document.getElementById(x).style.background-color="#4ead3a";

利用

    document.getElementById(x).style.background="#4ead3a";

Answer 3

我有一个建议给你。您可以使用

<div></div>

这样：

<?php
for($i=1;$i<=$count;$i++)
{ ?>
<div id="<?php echo $i; ?>" style="width:50px;display:inline-table" onclick="changecolor(<?php echo i;?>)">
    <a href="http://127.0.0.1/example/runquiz.php?x=<?php echo  $i; ?>" ><?php   echo  $i; ?> </a> 
    <input type="hidden" name=<?php echo  $i; ?> value="" >
<?php } ?>

之后，您可以使用 jquery 并执行以下操作：

function changecolor(id){
$("#"+id).css({"background-color":"#4ead3a"});
}

只是为了让您知道，已弃用，无论如何在您的代码中，您错过了在 while 上调用 I var：

onclick="changecolor(<?php echo i;?>)">