Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

271
Visualizações
Cómo orientar elementos en li con javascript

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>

about 4 years ago · Juan Pablo Isaza
3 Respostas
Responde à pergunta

0

  • Error tipográfico: getElementById es singular: es getElementById y no getElementsById
  • Además, no tenga una var con el mismo nombre que una ID en la página: oculta la var
  • También cierre el <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>

about 4 years ago · Juan Pablo Isaza Relatório

0

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>

about 4 years ago · Juan Pablo Isaza Relatório

0

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";
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda