Javascript 根据页面文本隐藏HTML元素

我想用javascript隐藏一个div，但条件是某些文本出现在DOM中的一个单独元素中

例如，如果“关节炎或睾酮”一词出现在页面（如下）的h1元素中，则隐藏元素“x”，否则保持可见

<h1>Arthritis</h1>

<div class="x">
<p>lorem ipsum</p>
<p>lorem ipsum</p>
</div>

关节炎 同侧眼睑

同侧眼睑

试试这个

const元素=[…document.querySelectorAll（“h1”）]
.find（el=>el.innerHTML=='Arthritis'| | el.innerHTML==='睾酮'）；
if（element！=未定义&&element！=空）
{
var x=document.getElementsByClassName（'x'）；
对于（变量i=0；i
关节炎
同侧眼睑

同侧眼睑

您可以试试这个

var c=document.getElementsByClassName('one')[0];
var t=document.getElementsByTagName('h1')[0];
if(t.innerText.toLowerCase()==="arthritis"||t.innerText.toLowerCase()==="testosterone")
{c.style.display = "none";}
else
 c.style.display="block";

---

既然是H1标题，我想它只出现过一次，对吧？那么，试试这个：

$（文档）.ready（函数（）{
如果（$（“#标题：包含（关节炎）”）|$（“#标题：包含（睾酮）”）{
$（“.x”）.css（“背景色”、“黄色”）；
//$（“.x”）.hide（）；取消对此的注释以隐藏元素
}
});

关节炎
同侧眼睑

同侧眼睑

您可以使用Javascript实现这一点。你试图实现你的目标是什么？什么不起作用？