2012-12-08 171 views
0
<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> 

HTML:使用的getElementById

我让表使用Javascript更改表颜色。 我想改变一些单元格的背景色,所以我使用getElementById。 我可以改变它的文本值,但是我不能改变单元格的背景颜色。 任何人都知道这个问题?

回答

-1

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

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

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

为什么你还在使用bgcolor?什么是错误的CSS?拿起一些新书。

+0

以及正确的......我更喜欢到 – geekman

+0

去上普通JS ......我所有的耳朵 – geekman

+0

它使用queryselectorall,据我所知 – geekman

6

如果你想这样做在Javascript不jQuery的只是使用:

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

随着属性返回一个对象的stylegetElementById()getElementByClass()您可以更改CSS样式。

工作jsfiddle