Javascript從類中刪除文本

Question

我需要從這個標題中刪除文本“at”。

<p><a href="/pankcake" class="spotlight__title">Marge Makes Pancakes Email at</a></p>

此標題中的文本是動態創建的，因此我無法更改整個內容。 我嘗試使用它，但它不起作用。

<script>var elements=document.getElementsByClassName("spotlight__title");elements[0].innerHTML=elements[0].innerHTML.replace(/at/g,"");</script>

Answer 1

您可以通過使用 CSS Selector 使用querySelectorAll查找所有元素，然后根據您的正則表達式迭代它們以替換文本。

 function replaceText(target, re, newText) { document.querySelectorAll(target).forEach(function(element) { element.textContent = element.textContent.replace(re, newText).trim(); }); } replaceText('.spotlight__title', /at$/g, '');

 <p> <a href="/pankcake" class="spotlight__title">Marge Makes Pancakes Email 1 at</a> </p> <p> <a href="/pankcake" class="spotlight__title">Marge Makes Pancakes Email 2 at</a> </p> <p> <a href="/pankcake" class="spotlight__title">Marge Makes Pancakes Email 3 at</a> </p>

Answer 2

您需要迭代從getElementsByClassName返回的集合。

var elements = document.getElementsByClassName("spotlight__title");
Array.from(elements).forEach( element =>
  element.innerHTML = element.innerHTML.replace(/at/g,"")
)