2
<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。我可以更改其文本值,但不能更改单元格的背景颜色。有谁知道这个问题??

4

2 回答 2

11

如果您想在没有 jQuery 的情况下在 Javascript 中执行此操作,只需使用以下命令:

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

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

工作jsfiddle

于 2012-12-08T09:09:54.853 回答
-1

你想改变一些单元格的背景颜色...??现在不要让我开始使用您的代码。老好人怎么了

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

这里的选择器是指要选择的html元素。在您的情况下,它必须选择表格单元格。

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

于 2012-12-08T09:09:11.763 回答