Html TableRow单元格集合集属性

我以table.rows.length的形式遍历一个表，并在其中遍历rows.cells.length，当某个单元格满足某个条件时，我想为该单元格的html设置一个属性

我知道你可以像这样更改innerHTMl

var x = document.getElementById("myTable").rows[0].cells;
x[0].innerHTML = "NEW CONTENT";

所以我想attr应该是这样的

x[0].attr = ('name', 'value');

但没有这样的运气

有人能给我指一下正确的方向吗

---

如果有任何资源，你可以推荐，给一个完整的列表，所有的选项，你可以添加到一个单元格这种方式将是伟大的

因为您直接操作HTML节点，所以您要处理的是从泛型继承的对象

正如您从文档中看到的，您可以通过映射访问属性，每个属性都是具有

name

和

value

属性的对象

所以正确的方法是使用：

x[0].setAttribute('name', 'value');

---

因为您直接操作HTML节点，所以您要处理的对象是从泛型继承而来的

正如您从文档中看到的，您可以通过映射访问属性，每个属性都是具有

name

和

value

属性的对象

所以正确的方法是使用：

x[0].setAttribute('name', 'value');

---

使用jQuery和es6语法，您可以使用map函数：

var xtr = $('#mytable tr');
xtr.map(itr => {
    xtd = $(itr).children('td');
    xtd.map(itd => {
        $(itd).attr('key', 'value');
    });
});

如果这让人困惑，您可以使用for循环的旧方法：

var xtr = $('#mytable tr');
for(i in xtr){
    xtd = $(xtr[i]).children('td');
    for(j in xtd){
        $(xtd[j]).attr('key', 'value');
    }
}

使用jQuery时的要点是：

$('element').attr('key', 'value');

---

使用jQuery和es6语法，您可以使用map函数：

var xtr = $('#mytable tr');
xtr.map(itr => {
    xtd = $(itr).children('td');
    xtd.map(itd => {
        $(itd).attr('key', 'value');
    });
});

如果这让人困惑，您可以使用for循环的旧方法：

var xtr = $('#mytable tr');
for(i in xtr){
    xtd = $(xtr[i]).children('td');
    for(j in xtd){
        $(xtd[j]).attr('key', 'value');
    }
}

使用jQuery时的要点是：

$('element').attr('key', 'value');

---

谢谢，但这似乎并没有在表格单元格上创建属性，如果该属性已经存在，是否用于修改表格单元格上的值？您可以尝试改用方法，我不确定

attributes

collection是否可写，就是这个！谢谢，如果您更新您的答案，我会将其标记为workedthanks，但这似乎不会在表格单元格上创建属性，如果该属性已经存在，是否用于修改表格单元格上的值？您可以尝试使用方法代替，我不确定

attributes

collection是否可写就是这个！谢谢你，如果你更新你的答案，我会把它标记为有效