javascript - 当具有类的 div 包含某个文本时，隐藏另一个文本

Question

当同一页面上的另一个 div 包含特定单词时，如何向 div 添加一个类？

我的html是：

window.addEventListener("load", () => { let b = document.getElementsByClassName('aw-property-data-item')[0].innerHTML; b.includes("Verhuurd"); document.querySelector(".nf-form-cont").classList.add("displaynone"); });

<div class="aw-property-data-item">
<p><strong>Status:</strong>  Verhuurd</p>
</div>

<div id="nf-form-7-cont" class="nf-form-cont">
form content goes here
</div>

这行得通，添加了类 displaynone 。

在包含“Te Huur”而不是“Verhuurd”的对象上，还添加了类 displaynone。这不应该是这种情况，但我无法弄清楚为什么会这样。非常感谢任何建议！

标签： javascripthtmlcss

Answer 1

b.includes("Verhuurd"); document.querySelector(".nf-form-cont").classList.add("displaynone");

无论如何，您只是在此处添加该类，您没有使其依赖于任何条件。

这应该是这样的

if( b.includes("Verhuurd") ) { document.querySelector(".nf-form-cont").classList.add("displaynone"); }