如果包含字符串，Vanilla JS 隱藏 Div

Question

我正在處理有時在顯示產品時返回錯誤代碼的 CMS。

我目前正在學習基本的 JS，搜索了整個堆棧溢出，但找不到適用的答案。

在本頁

在使用的產品部分，每個產品都會出現“#ResourceNotFound: ProjectResources, inside# New Construction : No”的錯誤代碼。

有沒有一種簡單的方法可以使用javascript從前端隱藏這些片段？

我曾經嘗試過的代碼是

document.querySelectorAll('.text-medium').forEach((element, index) => {
   if (element.innerText.includes('New Construction :  No')) {
       element.style.display = 'none';
   }
})

Answer 1

您需要檢查是否存在這兩個短語，因為它們位於單獨的<div>元素中。 此外，使用textContent而不是innerText 。

document.querySelectorAll('.text-medium').forEach((element, index) => {
   if (element.textContent.includes('New Construction :  No')
    || element.textContent.includes('#ResourceNotFound: ProjectResources')) {
       element.style.display = 'none';
   }
})