用js和php改变div backgroundcolor

Question

我正在做我的第一个自己的网站。我试图通过将背景色变为红色来显示哪些电影院的座位已被预订。我将预订存储在SQL数据库中。我确实得到了正确的值，我可以在我的网站上显示它，但getById仍然不起作用。

这就是我如何创建我想要调整的div:

<?php
for ($i=0; $i < $saalinfo[2]; $i++) {
echo "<div class='rowsaal'>";
for ($j=0; $j < $saalinfo[3]; $j++) {
$k = $i+1;

echo "<a onclick='JavaScript:removeday($k$j)';>";
echo "<div id='$k$j' class='seat' >";
echo "</div>";
echo "</a>";

}
echo "</div>";
}
?>

这是我尝试改变背景颜色的方式。我使用了完全相同的js措辞在其他场合，它确实工作，所以我猜我的id值是不正确的:

function getres(){
var date = document.getElementById('labeldate').value;
document.getElementById('showdate').innerHTML = date;
var booked;
booked = "<?php echo $dis; ?>"; //$dis is one value i get back from mysqli_fetch_array in this case its 34
document.getElementById(booked).backgroundColor = "red";
document.getElementById('showdate').innerHTML = document.getElementById('showdate').innerHTML + booked;
}

澄清一下:预订显示了正确的值，在这种情况下是34。在数据库本身中，它被保存为txt值。如果我查看HTML源代码，我可以看到值34被分配给预订。

booked = "34";

但是div id是按照以下模式设置的，因为它限制了"的使用，因为它们是在php

中形成的

</a><a onclick='JavaScript:removeday(34)';><div id='34' class='seat' ></div></a>

我已经有了一些问题，在使用"会导致不同的结果。这里的情况是一样的吗?我该如何解决这个问题?提前感谢。

Answer 1

我没有检查你所有的代码，但没有"backgroundColor"在元素上。你需要style属性

document.getElementById(booked).backgroundColor = "red";

应该

document.getElementById(booked).style.backgroundColor = "red";