Estoy tratando de usar JavaScript para cambiar el texto de este elemento. Sin embargo, no está funcionando. Aquí está el encabezado que estoy tratando de cambiar: ingrese la descripción de la imagen aquí
var elem = document.getElementsByClassName("headertext"); elem.innerHTML = "hello world"; <ul class="headertable"> <li> <p class="headertext">Home</p> </li> <li> <p class="headertext">About US</p> </li> <li> <p class="headertext">Contact US</p> </li> </ul>document.getElementsByClassName devuelve un objeto similar a una matriz de todos los elementos secundarios que tienen todos los nombres de clase dados.
Aquí el HTMLCollection elem Entonces elem.innerHTML no es válido.
Por lo tanto, debe usar el índice para actualizar el nodo requerido
como elem[0].innerHTML o elem[1].innerHTML o elem[2].innerHTML
var elem = document.getElementsByClassName("headertext"); elem[0].innerHTML = "hello world"; elem[1].innerHTML = "hello world 1"; elem[2].innerHTML = "hello world 2"; <ul class="headertable"> <li><p class="headertext">Home</p></li> <li><p class="headertext">About US</p></li> <li><p class="headertext">Contact US</p></li> </ul>