使用内部脚本更改表单元格 css，而不依赖于 id、类或包含

Change table cell css with inner script without relying on id, class, or contains

本文关键字：依赖于 id 包含 css 脚本 内部 单元格 表单      更新时间：2023-09-26

我正在使用 ASP.NET 的MVC帮助程序方法来创建一个网络网格。我想动态设置表格行的颜色，但我无法访问 td 标签来更改其属性或添加 id。

所以我试图从后端做的是在 td 的主体中注入一个脚本来有条件地改变它的颜色。我试过：

<script>$(this).css("background-color", "red !important");</script>

这没有用。如果这不起作用，那么我不确定我还能做什么，因为这似乎是最直接的方法;虽然我是javascript的新手，所以我正在寻找一些帮助。

我发现了与我所问的主题类似的其他主题问题，但回答似乎主要使用包含、点击或使用 id 标签。

基本上，如果这是纯标记，并且您有一个表， 

 <table>
   <tr>
     <td>
       how to insert a script here to change this current elements color
       without know its id?
     </td>
   </tr>
 </table>
您可以使用 

<script type="text/javascript">
    var allTD = document.getElementsByTagName("td");
</script>

Wich 将返回HTML文件中所有td元素的集合。

然后，您所要做的就是循环访问集合并更改元素的样式。

更多信息请访问 Mozilla 开发者网络。

相关文章：