danielnmelo
Membros-
Total de itens
2 -
Registro em
-
Última visita
Sobre danielnmelo
danielnmelo's Achievements
0
Reputação
-
Substituir um paragrafo utilizando getElementById e onclick
pergunta respondeu ao danielnmelo de danielnmelo em Ajax, JavaScript, XML, DOM
Obrigado pela ajuda wootzor... Consegui resolver de uma maneira mais fácil, sem colocar ID nos <p>... Segue abaixo o código <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Teste</title> <script> function funcao(p) { document.getElementById("selecionar").innerHTML = p.innerHTML; } </script> </head> <body> <div><h1>selecionar</h1><p id="selecionar" >Aqui deve vir o texto selecionado<p> <h1>Cidades</h1> <ol> <li> <p onclick="funcao(this)">Porto Alegre</p> </li> <li> <p onclick="funcao(this)">São Paulo</p> </li> <li> <p onclick="funcao(this)">Rio de Janeiro</p> </li> </ol> </body> </html> -
Pessoal, estou querendo substituir um texto por outro que o usuário vai decidir. Por isso coloquei um ID em cada "p" porém já tentei referenciar ele de várias formas e sempre dá errado. A única forma de fazer o código executar algo é se eu deixar uma frase já pronta para ele substituir. <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Teste</title> <script> function funcao() { document.getElementById("selecionar").innerHTML = "Quero colocar o ID do p aqui "; } </script> </head> <body> <div><h1>selecionar</h1><p id="selecionar" >Aqui deve vir o texto selecionado<p> <h1>Cidades</h1> <ol> <li> <p id="p1" onclick="funcao()">Porto Alegre</p> </li> <li> <p id="p2" onclick="funcao()">São Paulo</p> </li> <li> <p id="p3" onclick="funcao()">Rio de Janeiro</p> </li> </ol> </body> </html>