![[tutorial] propriedade innerhtml Tumblryy](https://2img.net/r/ihimg/scaled/large/854/tumblryy.png)
Início
![[tutorial] propriedade innerhtml QdhdIA2](https://i.imgur.com/qdhdIA2.png)
essa propriedade permite modificar determinada parte dinamicamente assim nao precisaria recargar a pagina para mudar o conteudo dela e nem modificar toda a pagina, por exemplo o codigo abaixo ele muda o texto junto com a pagina toda
agente pode perceber q ate o botao sumiu se agente tivesse usado o innerHTML so teria mudado o texto, para usar o innerhtml agente usa o document.getElementById para localizar a parte q agente vai mudar e agente usa .innerHTML e atribui oq agente vai mudar
agora so mudo o texto e o resto da pagina continuo, so um pequeno conselho evite entrar com dados do usuario e atribuir diretamente o innerHTML isso gera XSS
by hacker fts315
- Código:
<html>
<head>
<script type="text/javascript">
function fts()
{
document.write("mudo o texto");
}
</script>
</head>
<body>
<p id="texto">
by hacker fts315
</p>
<input type="button" value="mudar" onclick="fts()">
</body>
</html>
agente pode perceber q ate o botao sumiu se agente tivesse usado o innerHTML so teria mudado o texto, para usar o innerhtml agente usa o document.getElementById para localizar a parte q agente vai mudar e agente usa .innerHTML e atribui oq agente vai mudar
- Código:
<html>
<head>
<script type="text/javascript">
function fts()
{
document.getElementById("texto").innerHTML = "mudo o texto";
}
</script>
</head>
<body>
<p id="texto">
by hacker fts315
</p>
<input type="button" value="mudar" onclick="fts()">
</body>
</html>
agora so mudo o texto e o resto da pagina continuo, so um pequeno conselho evite entrar com dados do usuario e atribuir diretamente o innerHTML isso gera XSS
by hacker fts315
