js替换内容

Question

我对JS代码有问题。第一个链接的文本发生了变化。第二个保持不变，我也想改变。如何正确操作？

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将只选择第一个元素。您需要的是querySelectorAll来选择所有元素。

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>