首页 > 解决方案 > 我正在尝试通过属性和一行 javascript 设置一个不可见的通用元素

问题描述

由于 Chrome 扩展程序,我仅限于一行,它是唯一符合我需求的行。

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

我无法弄清楚这一点,当谈到 Javascript(不是我的语言)时,我真的是个菜鸟

我试过display:none hiddenstyle.visibility="hidden"

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

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

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

标签: javascripthiddenvisible

解决方案


隐藏内容的一行:

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

要删除<td>

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

推荐阅读