javascript - 我无法制作不确定长度的 JavaScript 列表，仅在分配某些属性时显示

Question

我有一个聊天框，我正在制作一个 block 功能。我几乎已经得到了代码，但它不起作用(Java 不是我的语言)。

我已经有了这个属性，我可以让它消失，但我不能递归地做到这一点。在许多情况下，代码完全停止工作。

<table>
<td userclass="" username="cat">cat</td>
<td userclass="" username="hampster">hamster</td>
<td userclass="" username="dog">dog</td>
</table>

<p id="message"></p>

<script>
  var x = document.getElementsByTagName("td");
  var i;
  for (i = 0; i < x.length; i++) {

        var btn = document.getElementsByTagName("td")[i];
        var x = btn.attributes[1].value;

        if (x="hamster")
        {
          document.getElementsByTagName("td")[i].style.visibility = "hidden";
        }else{
          document.getElementsByTagName("td")[i].style.visibility = "visible";}
  }
</script>

在包含“For”循环之前就成功了错误通常根本不会做任何事情

Answer 1

var在全局范围内定义一个变量。您正在使用它来存储 <td> 的列表以及属性的值。首先尝试使用不同的变量名称:

var myTds = document.getElementsByTagName("td");
var i;
for (i = 0; i < myTds.length; i++) {
    var btn = myTds[i];
    var x = btn.attributes[1].value;

    if (x=="hamster") {
        myTds[i].style.visibility = "hidden";
    } else {
        myTds[i].style.visibility = "visible";
    }
}

另请注意:

1) 您应该使用==进行比较；

2) 您不需要使用document.getElementsByTagName("td") .

3) 更改 username="hampster"至username="hamster"在您的 HTML 中查看示例的工作情况。

JSBin here