Javascript -需要使用泛型类处理元素

Javascript - Need to Work With Elements With Generic Classes

本文关键字：泛型类 处理 元素 Javascript      更新时间：2023-09-26

我写了一些javascript来适应我在SharePoint页面上的一些条件格式的需要。有几个表，在web部件中，我正在对一些单元格的样式进行更改。我使用一个nodelist来完成我的需求(没有唯一的id)，一切都工作得很好，直到对表进行了更改，导致我的nodelist引用中断(我知道这是不可避免的…)。我想知道是否有人对如何更好地选择或区分具有相同类名并包含将更改的数据的元素有输入。

的例子:

<td class="asd"> blah blah blah </td>
<td class="asd"> content content </td>
<td class="asd"> test test test </td>

使用getElementsByClassName()

var tds = document.getElementsByClassName('asd');
console.log(tds);
for (var i = 0; i < tds.length; i++) {
  tds[i].style.color = 'green';
}
<table>
  <tr>
    <td class="asd">blah blah blah</td>
    <td class="asd">content content</td>
    <td class="asd">test test test</td>
  </tr>
</table>

var td=document.getElementsByClassName("asd");//returns array of elements by this class name td[0] td[1] ...

相关文章：