0
160
ViewsCambie el texto en HTML con la clase span usando Javascript
Estoy tratando de usar una función de JavaScript para cambiar el texto en un tramo html usando el nombre de la clase, pero no funciona. Hay un elemento con el texto "Mis tareas", y estoy tratando de escribir lo que pensé que sería una función fácil de JS para cambiar el texto, pero no puedo resolverlo.
console.log('forgot my JavaScript here'); .helpme { color: red; font-size: 2em; } <div class="helpme">I need html here please</div> 
2 answers
Answer question0
para ayudar a javascript a encontrar el elemento, dale una identificación:
<span id="foobar" class="toolbartitle">My Tasks</span>entonces hazlo
document.getElementById("foobar").innerHTML = "New Text!";Tenga en cuenta que usar una clase para encontrar un elemento es peligroso porque, en general, las clases no son únicas, mientras que los identificadores existen para ser únicos, aunque HTML no impedirá que los duplique.
0
Tenga en cuenta que al usar la clase puede personalizar más de un elemento
Ejemplo:
document.querySelector('.your-class').textContent = "Test 2"; <span class="your-class">Test 1</span>Puede encontrar más información sobre el atributo querySelector aquí: Document.querySelector()