Aquí hay un código de javascript, por ejemplo, quiero cambiar el texto en el intervalo que está anidado en li. ¿Cómo uso el DOM para apuntar a estos elementos?
var body = document.getElementsByTagName('body')[0] body.style.fontFamily = "Arial"; var name = document.getElementsById('name'); var index = document.getElementsById('index'); var hometown = document.getElementsById('hometown'); name.innerHTML = "NAME"; index.innerHTML = "INDEX"; hometown.innerHTML = "HOMETOWN"; <h1>About Me</h1> <ul> <li>Name: <span id="name"></span></li> <li>Index: <span id="index"></span></li> <li>Hometown: <span id="hometown"></span></li> </ul><li> por razones de formato. var body = document.getElementsByTagName('body')[0] body.style.fontFamily = "Arial"; var nameSpan = document.getElementById('name'); // either change the var or the ID - I suggest the ID since name is used in several places like window.name etc var index = document.getElementById('index'); var hometown = document.getElementById('hometown'); nameSpan.innerHTML = "NAME"; index.innerHTML = "INDEX"; hometown.innerHTML = "HOMETOWN"; <h1>About Me</h1> <ul> <li>Name: <span id="name"></span></li> <li>Index: <span id="index"></span></li> <li>Hometown: <span id="hometown"></span></li> </ul>En primer lugar, tiene un error tipográfico en getElementsById , debería ser getElementById . Y segundo, debe += el HTML no solo = , porque elimina el texto en su HTML y lo reemplaza con el valor que estableció en JavaScript. Y lo último, es mejor dar una identificación para <li> , creo que es más suficiente que hacer un intervalo.
Este es el HTML y JS fijos:
document.getElementById("name").innerHTML += "anything"; document.getElementById("index").innerHTML += "anything"; document.getElementById("hometown").innerHTML += "anything"; <h1>About Me</h1> <ul> <li id="name">Name: <li id="index">Index: <li id="hometown">Hometown: </ul>tiene errores tipográficos en el script como getElementById no getElementsById
También HTML tiene algún problema con la etiqueta
Prueba esto
<ul> <li>Name: <span id="name"></span></li> <li>Index: <span id="index"></span></li> <li>Hometown: <span id="hometown"></span></li> </ul> var body = document.getElementsByTagName('body')[0] body.style.fontFamily = "Arial"; var name = document.getElementById('name'); var index = document.getElementById('index'); var hometown = document.getElementById('hometown'); name.innerHTML = "NAME"; index.innerHTML = "INDEX"; hometown.innerHTML = "HOMETOWN";