Tengo un problema con el código JS. Bueno, el texto del primer enlace cambia. El segundo sigue igual y me gustaría cambiar también. ¿Cómo hacerlo correctamente?
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 });querySelector solo seleccionará el primer elemento. Lo que necesita es querySelectorAll para seleccionar todos los elementos.
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>