如何在单元格td HTML中设置属性？

Question

这是我的脚本，但不起作用：

var first = document.getElementById("sheet").rows[0];
var two = first.cells(4);
two.setAttribute('style','display:none');

Answer 1

请注意cells不是函数或方法，它是一个返回可以通过索引访问的HTML集合的属性：

var two = first.cells[4];

不是使用 setAttribute ，而是直接设置属性：

two.style.display = 'none';

Answer 2

我不知道你是否真的想设置属性或添加函数onBlur - 我会回答这两个

如果您想设置* ATTRIBUTE ： *

然后你的方法实际上是正确的 - 考虑two是一个HTMLObject

two.setAttribute("class","unchecked"); //this adds class .unchecked to the "two"

如果你想添加一个* FUNCTION（） *会激活 onBlur

然后你必须使用一些东西来绑定 - 最简单的方法是在HTMLObject属性（属性）中添加一个函数 - 注意！ HTMLObject属性（属性）与您在html代码中看到的属性不同：

two.onblur=function(){  /*SomeJavaScriptCode*/ };

或如果您已有功能：

two.onblur = cekUndo;

• 注意！没有（）括号 - 当它需要你不希望函数立即触发时，onblur将运行该函数...
• 我建议你也检查.addEventListener方法 - 它更可调，你可以添加例如一个事件的更多功能

注意：您可以<td onblur="myFunction()"> - 直接将其添加到HTML中，但我不认为您可以在运行时这样做，您必须绑定:) ...

编辑：关于您的第二个问题 - 正如RobG所说，您必须使用[]括号访问cells集合：

var two = first.cells[4];

同样检查如果您实际上有一个索引的单元格（单元格从0索引到X =＆gt;索引4表示第5个）< / p>