从字符串javascript中提取多个特定字符

Question

我在元素 id "word" 中有以下innerHTML：

<span class="green">h</span><span class="white">e</span><span class="white">l</span><span class="green">l</span><span class="white">o</span

我想创建一个删除所有标签的函数（wordReverter），在上面的例子中只留下“hello”这个词。 任何帮助将不胜感激，谢谢！

function wordReverter() {
  var word = document.getElementById("word").innerHTML;
  //var rejoinedWord = rejoined word with <span> tags removed
  document.getElementById("word").innerHTML = rejoinedWord;
}

Answer 1

获取innerText并将其用作新的innerHtml，如下所示

 (function wordReverter() { var word = document.getElementById("word").innerText; document.getElementById("word").innerHTML = word; })()

 <div id="word"> <span class="green">h</span><span class="white">e</span><span class="white">l</span><span class="green">l</span><span class="white">o</span> </div>

Answer 2

如果你有包含元素，你可以定位它并检索它的textContent ，否则，你可以选择所有感兴趣的元素并检索它们的内容，如下所示：

 function wordReverter() { let letters = document.querySelectorAll('.white,.green') return Array.from(letters).map(l=>l.textContent).join('') } console.log(wordReverter())

 <span class="green">h</span><span class="white">e</span><span class="white">l</span><span class="green">l</span><span class="white">o</span>