通过javascript更改CSS类中的td

这是事实；我只需要使用CSS和Javascript“过得去”，通常可以找到问题的解决方案。。。但这让我感到困惑

我已经设置了这样的课程

 .pop_close{ outer table data here}
 .pop_close td{ outer table cell data here}
 .pop_form{ table data here}
 .pop_form td{ table cell data here}

<table class="pop_close" id="101"><tr><td>CLOSE X</td></tr>
<tr><td>
<table class="pop_form" id="102">
<tr><td>DATA HERE ....

但是如何更改“pop_form”的单元格数据？（在CSS的第四行，td标签前有一个空格）我不能将所有td设置为一个类/ID，因为页面上还有其他未受影响的类/ID

它实际上是一个弹出式表单，用户可以在关闭按钮旁边指定自己的外部边框颜色，设置内部表格的宽度和边框样式，然后我在屏幕上显示结果。但是设置桌子的内边框让我很为难。（在你告诉我之前，是的，我知道不赞成嵌套表格，但这是我知道的最简单的布局方法！）

+++11月14日更新

我想我已经找到了问题的一部分。 正如我向另一个用户解释的那样，我有一个表到标记，然后我通过javascript动态添加表的其余数据。刚看过代码，直到标签，它都是“硬编码”到HTML页面中的（并且隐藏在可见性中：隐藏的CSS），所以JS可以“看到”这一点，并能够对其进行操作。然而，表的内部是在JS中生成的，因此实际上它无法看到它来更改它（这是我的假设），它仍然可以将其类数据“拉”到表中，因为CSS也是主页的一部分，但我要求javascript操作它自己的数据。为清楚起见，我将显示以下代码：

以上是硬编码的。然后，我在javasript中添加：

 form[0]='<tr><td valign="top">'+str+'</td></tr>\\n';
form[1]='<tr><td valign="top">'+str+'<br><br>'+bot_code+'</td></tr>\\n';
form[2]='<tr><td valign="top"><img src="%prod_img%">\\n</td>\\n<td valign="top">\\n'+str+'</td>\\n</tr>\\n<tr>\\n<td colspan="2">\\n<center>\\n'+bot_code+'\\n</center>\\n</td>\\n</tr>\\n';
form[3]='<tr><td valign="top"><img src="%prod_img%">\\n</td>\\n<td valign="top" id="pf_td>\\n'+str+'<br><br>\\n<center>\\n'+bot_code+'\\n</center>\\n</td>\\n</tr>\\n';
form[4]='<tr><td valign="top">'+str+'</td>\\n<td valign="top">\\n<img src="%prod_img%">\\n</td>\\n</tr>\\n<tr>\\n<td colspan="2">\\n<center>\\n'+bot_code+'\\n</center>\\n</td>\\n</tr>\\n';
form[5]='<tr><td valign="top">'+str+'<br><br>\\n<center>\\n'+bot_code+'\\n</center>\\n</td>\\n<td valign="top">\\n<img src="%prod_img%">\\n<//td>\\n</tr>\\n';

form[0]=''+str+'\\n'；
表格[1]=''+str+'

'+bot_code+'\\n'；
格式[2]='\\n\\n\\n'+str+'\\n\\n\\n\\n'+bot\u code+'\\n\\n\\n'；
form[3]='\\n\\n是否有多个嵌套表，101..102..103..10n，还是只有这两个

如果只有这两个，我很好奇为什么不使用ID而不是类

您可以签出
document.getElementsByClassName（）
，它创建了一个具有该类名的对象数组。
我设法解决了这个问题

我给出的内部标记的类名为“pop”（即其中的“DATA HERE”）

然后，我使用javascript动态设置id为“102”的表格的宽度、高度和背景颜色

接下来，我使用了“document.getElementById（'pop'）.innerHTML=DATA HERE”；将文本“注入”到表格单元格中。要在屏幕上向下移动桌子。。。我移动了屏幕上的标签，谢谢你的回复。正如我所说，我不是专家，而是通过“尝试一下，看看它是否有效”的方法编写代码。我不知道有一个“ClassByName”选项，（在我尝试之前，我不知道它能为我做些什么）只有这两个表——一个是外部的，一个是内部的——在这个时候，“GetByID”选项是我知道的唯一有效的选项。如果情况紧急，我会给8号td发一个ID，看看是否有效。（有六种表单布局供用户选择，每种都有1-3个td。基本模板最远为“102”，然后我动态输入td并以</table结束）我不希望看到一个简单的事实，那就是我仍在掌握javascript（我通常使用PERL），因此添加一些我知道的东西会让事情更加复杂。请在顶部查看我编辑的帖子。您是否可以发布一篇文章。另外，从技术上讲，ID不应该以数字开头——尽管这可能不是问题所在
<span style="position:fixed;top:20px;height:100%;width:100%;visibility:hidden;pointer-events:none;z-index:10;" id="101">
<table cellspacing="0" align="center" class="pop_close" id="103">
<tr><td align="right">
<a href="javascript:void[0];" onclick="HidePop('101');" style="pointer-events:auto">CLOSE</a></td></tr>
<tr><td>
<table cellspacing="0" align="center" class="pop_form" id="102">
<!-- text appears here-->
</table>
</td></tr>
</table>
</span>

 form[0]='<tr><td valign="top">'+str+'</td></tr>\\n';
form[1]='<tr><td valign="top">'+str+'<br><br>'+bot_code+'</td></tr>\\n';
form[2]='<tr><td valign="top"><img src="%prod_img%">\\n</td>\\n<td valign="top">\\n'+str+'</td>\\n</tr>\\n<tr>\\n<td colspan="2">\\n<center>\\n'+bot_code+'\\n</center>\\n</td>\\n</tr>\\n';
form[3]='<tr><td valign="top"><img src="%prod_img%">\\n</td>\\n<td valign="top" id="pf_td>\\n'+str+'<br><br>\\n<center>\\n'+bot_code+'\\n</center>\\n</td>\\n</tr>\\n';
form[4]='<tr><td valign="top">'+str+'</td>\\n<td valign="top">\\n<img src="%prod_img%">\\n</td>\\n</tr>\\n<tr>\\n<td colspan="2">\\n<center>\\n'+bot_code+'\\n</center>\\n</td>\\n</tr>\\n';
form[5]='<tr><td valign="top">'+str+'<br><br>\\n<center>\\n'+bot_code+'\\n</center>\\n</td>\\n<td valign="top">\\n<img src="%prod_img%">\\n<//td>\\n</tr>\\n';