javascript - 查找和替换多个 HTML 标记中的字符

Question

我正在尝试遍历多个 HTML 元素，以替换这些元素中的字符。

我设法只用一个元素做到了

HTML

<h2>test</h2>

JS

var test = document.querySelector("h2");

var text = test.textContent;
var arr = [];

for(i=0;i<text.length;i++){
  arr.push(text[i]);
}

for(j=0;j<arr.length;j++){
  if(arr[j] === "t"){
    arr[j] = "z";
  }
}

var newText = arr.join('');

test.innerHTML = newText;

但是我将如何遍历多个h2s？想法是将字母“t”替换为“z”，然后将新单词推送到 HTML 中。

HTML

<h2>test</h2>
<h2>teeth</h2>
<h2>trent</h2>

我试过document.querySelectorAll了，但不确定textContent在这种情况下如何正确使用。

提前致谢！

标签： javascriptarrays

Answer 1

var hs = document.querySelectorAll('h2');

hs.forEach(h => {
  h.textContent = h.textContent.replace(/t/g /*target*/, "z"/*new char*/);
});

祝你好运！D;