我正在尝试通过属性在 javascript 的一行中设置一个不可见的通用元素

Question

由于 Chrome 分机，我只能使用一条线，而且它是唯一符合我需要的线。

<td> 需要通过属性 "UserName" 来确定是否需要隐藏被阻止的用户。

我想不通，而且在 Javascript（不是我的语言）方面我真的是个菜鸟

我试过 display:none hidden 和 style.visibility="hidden"。

我已经尝试过 w3Schools 并搜索了 Javascript 和 HTML 页面以了解如何做到这一点，虽然我有有效的代码，但它是一个大约需要 8 行的脚本工作。我可能不得不放弃它，但我想我已经给了它最后一击。

document.getElementsByTagName("td")[0].getAttribute("theUserName").value("madmax").style.visible = "hidden";

预期 - <td> 不应出现结果 - 它出现了

Answer 1

一行隐藏内容：

[...document.querySelectorAll("td[theUserName=madmax]")].forEach(e=>e.style.display = 'none');

删除 <td>:

[...document.querySelectorAll("td[theUserName=madmax]")].forEach(e=>e.remove());

Answer 2

我假设您遍历所有 <td> 元素以搜索具有 theUserName 属性且值为 madmax 的元素，然后使该元素不可见。这可以通过以下方式实现：

for(TdElement of document.getElementsByTagName("td")) {
  if (TdElement.getAttribute("theUserName") == "madmax") {
    TdElement.style.visiblity = "hidden";
  }
}

浓缩成一行，这是：

for(TdElement of document.getElementsByTagName("td")) if TdElement.getAttribute("theUserName") == "madmax") TdElement.style.visiblity = "hidden"

我正在尝试通过属性在 javascript 的一行中设置一个不可见的通用元素

I'm trying to set a generic element invisible by attribute and in one line of javascript

javascript

hidden

visible