HTML:使用getElementById更改表格颜色

Jim*_*mmy 1 html getelementbyid

<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>
Run Code Online (Sandbox Code Playgroud)

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

koo*_*jah 8

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

document.getElementById('2').style.backgroundColor="red";
Run Code Online (Sandbox Code Playgroud)

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

工作jsfiddle