Javascript 如何隐藏html标签下的所有内容？

我有以下html模板：

在这里提供一个简短的说明

在此提供更详细的说明 包括其他信息

在此提供一个好答案的示例

解释为什么这是一个好答案

在此提供一个错误答案的示例

解释为什么这是一个糟糕的答案

你最喜欢鸟的颜色是什么

如果你喜欢鸟，请勾选此框

在1-10的范围内，你有多喜欢鸟类

写一篇短文描述你最喜欢的鸟

---

您可以尝试使用上述定义的结构测试此方法：

let elements = document.querySelector('[data-testid=crowd-submit]');
elements.style.display="none";

---

您可以尝试使用上述定义的结构测试此方法：

let elements = document.querySelector('[data-testid=crowd-submit]');
elements.style.display="none";

您可以使用[data testid=crowd submit]通过css添加display:none

演示代码： [数据测试ID=群组提交]{ 显示：无； } 在这里提供一个简短的说明

在此提供更详细的说明 包括其他信息

在此提供一个好答案的示例

解释为什么这是一个好答案

在此提供一个错误答案的示例

解释为什么这是一个糟糕的答案

你最喜欢鸟的颜色是什么

如果你喜欢鸟，请勾选此框

在1-10的范围内，你有多喜欢鸟类

写一篇短文描述你最喜欢的鸟

您可以使用[data testid=crowd submit]通过css添加display:none

演示代码： [数据测试ID=群组提交]{ 显示：无； } 在这里提供一个简短的说明

在此提供更详细的说明 包括其他信息

在此提供一个好答案的示例

解释为什么这是一个好答案

在此提供一个错误答案的示例

解释为什么这是一个糟糕的答案

你最喜欢鸟的颜色是什么

如果你喜欢鸟，请勾选此框

在1-10的范围内，你有多喜欢鸟类

写一篇短文描述你最喜欢的鸟

---

似乎只有一个群组按钮元素。您是否可以获取该元素并将其隐藏？在我看来，您的模板中似乎缺少某些内容，因为当前标记下没有其他内容。如果hr之后的所有内容都是兄弟项，则可以使用hr~*{display:none}document.getElementsByTagNamecrowd按钮[0].style.display=none必须用什么方法插入它？如果无法编辑HTML，您将如何运行JS？似乎只有一个群组按钮元素。您是否可以获取该元素并将其隐藏？在我看来，您的模板中似乎缺少某些内容，因为当前标记下没有其他内容。如果hr之后的所有内容都是兄弟项，则可以使用hr~*{display:none}document.getElementsByTagNamecrowd按钮[0].style.display=none必须用什么方法插入它？如果你不能编辑HTML，你将如何运行JS？谢谢你的帮助Daniel，我尝试将它添加到块中，但是它对我不起作用，你能提供完整的示例吗？它会给出什么错误消息？@knosmos和Daniel，我用更多的细节更新了问题，这样你就可以看到发生了什么。请把脚本放在页面底部。加载Dom元素后应加载脚本谢谢帮助Daniel，我试图将其添加到块中，但是，它对我无效，您能提供完整的示例吗？它会给出什么错误消息？@knosmos and Daniel，我用更多的细节更新了问题，这样你就可以看到发生了什么。请把脚本放在页面底部。加载Dom元素后，应立即加载脚本