Vídeo: Como somar dois campos com Javascript 2024
Você pode usar o JavaScript para acessar um elemento dentro de uma página HTML. Você pode fazer isso para fazer alterações no elemento ou no estilo CSS. Experimente em um exercício.
-
Abra seu editor de texto com um documento novo ou em branco.
-
No editor de texto, coloque o seguinte HTML e JavaScript:
Capítulo 2 Olá Segunda linha Este é um parágrafo.
Last Line var theDiv = documento. getElementById ("myDiv"); alerta ("O conteúdo é" + theDiv. innerHTML); -
Salve o arquivo como getbyid. html na sua raiz do documento.
-
Abra o seu navegador e visualize a página em // localhost / getbyid. html.
Você deve ver um alerta como o mostrado aqui.
-
Clique em OK para descartar o alerta e fechar seu navegador.
-
Voltar dentro do getbyid. html no seu editor, remova a linha de JavaScript que começa com o alerta. Substitua essa linha por estes dois:
theDiv. estilo. border = "3px black sólido"; theDiv. innerHTML = "Isso agora é texto alterado".
Todo o bloco de script deve ser assim:
var theDiv = document. getElementById ("myDiv"); theDiv. estilo. border = "3px black sólido"; theDiv. innerHTML = "Isso agora é texto alterado".Quando visualizado em um navegador, a página agora parece ser mostrada aqui. Observe especificamente que o texto da linha superior foi alterado e agora possui uma borda.
