Javascript O que significa "nome.innerHTML. "

jorgehuber93 · 6 de novembro de 2020

Bom dia não entendi o que significa nome.innerHTML.

<!DOCTYPE html>
<html lang="pt-BR">
<head>

<title>Primeira Página</title>
<meta charset="utf-8">
<style>
    body {
        background: #CCC
            font-family: Arial,sans-serif;
        color: #fff;
    }
    
    
    
    
    </style>
    <script>
    function escreverNome() {
    nome.innerHTML = "Jorge Toscano";
    }
    
    </script>

</head>

<body>
    <p id="nome"> </p>

</body>


</html>

joseph_dev · 6 de novembro de 2020

Essa propriedade corresponde ao conteúdo html do elemento em questão.

Ex:

<div>
  <span>Meu conteúdo.</span>
</div>

Quando você "pega" o innerHTML dessa div acima você tem: "<span>Meu conteúdo.</span>". E quando você atribui um valor/conteúdo, você "coloca" dentro das tags <div></div>, substituindo o atual.

Porém essa função no seu código está incompleta. A variável nome deveria se referir ao elemento <p>. Você precisa atribuir a ela usando a função nativa do javascript getElementById.

<script>
  function escreverNome() {
    var nome = document.getElementById("nome");
    nome.innerHTML = "Jorge Toscano";
  }
</script>

E algum elemento (um botão...) deve disparar essa função, ou então colocar no onload da página para assim que carregar a página executar a função.

jorgehuber93 · 6 de novembro de 2020

joseph_dev entendi, obrigado por ter respondido a minha dúvida.

Entrar

Javascript O que significa "nome.innerHTML. "

Posts recomendados

jorgehuber93

joseph_dev

jorgehuber93

Crie uma conta ou entre para comentar

Criar uma conta

Entrar

Quem está navegando aqui 0 usuários estão online

Últimos tópicos

Livros

Cursos

Conteúdo recente

Sobre o Clube do Hardware

Direitos autorais

Mais

Fórum

Atividades

Artigos

Análises

Livros

Cursos