js替换内容

Question

我的 JS 代码有问题。好吧，第一个link的文字变了。第二个保持不变，我也想改变。如何正确操作？

HTML:

<h4 class="comments-title">Text1</h4>
        <a rel="nofollow" class="comment-reply-link" href="#comment-25416">reply</a>    

        <a rel="nofollow" class="comment-reply-link" href="#comment-2">reply</a>

JS:

    function podmien(klasa, tekst) {
    document.querySelector(klasa).innerHTML = tekst;
}
document.addEventListener('DOMContentLoaded', function() {
podmien('.comments-title', 'Com');
podmien('.comment-reply-link', 'Answer');
Document.getElementsByClassName
});

https://jsfiddle.net/tomaszpl/8s43wao5/28/

Answer 1

querySelector 只会 select 第一个元素。你需要的是querySelectorAll到select所有个元素。

function podmienAll(klasa, tekst) {
  document.querySelectorAll(klasa).forEach(v => {
    v.innerHTML = tekst;
  });
}

document.addEventListener('DOMContentLoaded', function() {
  podmienAll('.comments-title', 'Com');
  podmienAll('.comment-reply-link', 'Answer');
});

<h4 class="comments-title">Text1</h4>
<a rel="nofollow" class="comment-reply-link" href="#comment-25416">reply</a>
<a rel="nofollow" class="comment-reply-link" href="#comment-2">reply</a>

js替换内容

Substitution of content by js

javascript

queryselector