Question

<HTML>
<HEAD>
</HEAD>
<BODY>
<div id="outputDiv"></div>
    <script language="JavaScript">
        document.getElementById("outputDiv").innerHTML = "";
        var HTML = "";
        HTML = "<table border=1><tr><td id='1'>1</td><td id='2'>2</td><td id='3'>3</td></tr></tabele>";
        document.getElementById("outputDiv").innerHTML = HTML;

        document.getElementById('2').innerHTML = '<td id=1 bgcolor="red">5</td>';
    </script>
</BODY>

我使用Javascript制作表格。我想改变一些单元格的背景颜色，所以我使用了getElementById。我可以更改其文本值，但我无法更改单元格的背景颜色。有人知道这个问题??

Answer 1

如果你想在没有jQuery的Javascript中这样做，只需使用：

document.getElementById('2').style.backgroundColor="red";

使用style或getElementById()返回的对象的属性getElementByClass()，您可以更改CSS样式。

工作jsfiddle

Answer 2

你想改变一些细胞的背景颜色......？现在不要让我开始你的代码。好老的发生了什么

$('selector').css('backgroundColor','red')

此处的选择器是指您要选择的html元素。在您的情况下，它必须选择表格单元格。

你为什么还在使用bgcolor？怎么回事css ???拿一些新书。

HTML：使用getElementById更改表格颜色

2 个答案: