javascript - 用 javascript 覆盖 DOM 元素

Question

简而言之，我试图以 DOM 中的一个元素为目标，然后动态注入(inject)一个类以便稍后更改该元素。

情况如下，我正在使用具有预定标记(管理引擎)的应用程序。它是系统工作流程的工具，创建了一个用于票证记录、 Assets 管理等等的集中式门户。所以我使用该工具为最终用户创建模板来记录服务请求。这是通过 Web 界面门户访问的，该门户显然带有标记。

到目前为止，我已经能够更改特定的内容，例如表格标题的背景颜色。我通过创建规则在加载时在该模板内触发来实现这一点。所以基本上我允许模板加载其预定代码，然后我应用 for 循环在加载后更改代码。 (我知道 Hacky，但它工作得很好)。

我现在遇到的问题是标记中的某些内容是通用的(没有与元素关联的类或 ID)。我的计划是将该特定的通用元素定位为一个变量，然后在加载时将我自己的类添加到它。有没有一种方法可以定位一个具有类的元素，然后定位其中的子元素，将该子元素保存为变量，然后使用 javascript 动态添加一个类。请参阅下面的示例。

<tr class=test1>   
  <td>
   <input>
   <input>
   <input>
  </td>
<tr/>

因此，在上面的示例中，我试图实现的是将我自己的 JavaScript 类添加到 <td>元素。显然，如果我只针对 <td>它会改变所有 <td>标记中的元素。我可以找到那个具体的 <td> 吗？通过 <tr> parent 与test1类(class)。我目前无法使用任何 jquery 请求，因为无法触及基本代码。

同样，我知道这有点倒退和老套，但它确实适用于我可以专门针对的任何目标(具有类或 ID)。我需要能够使用纯 JavaScript 来做到这一点。非常感谢任何建议或帮助，如果这是新手方法或问题，请道歉，第一次在论坛上发帖。让我知道是否需要更多示例或信息。

Answer 1

document.querySelector("body").children可以得到body的所有子元素