<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>Modificando HTML #02</title>
<link rel='stylesheet' href='css/estilo.css'>
</head>
<body class='conteudo exercicio'>
<div>
<p>Texto Inicial</p>
</div>
<script>
const div = document.querySelector('div')
div.innerHTML = 'Texto Alterado'//susbstitui tudo que está dentro da div pelo valor inserido 'texto alterado'
//div.outerHTML = 'Texto Modificado'//substitui a div
div.insertAdjacentHTML('beforebegin', '<p>Antes Inicio </p>');
div.insertAdjacentHTML('afterbegin','<p>Depois Inicio </p>');
div.insertAdjacentHTML('beforeend','<p>Antes Fim</p>')
//somente texto (sem tags)
console.log(div.innerText);//devolve apenas o texto associado
</script>
</body>
</html>
Nenhum comentário:
Postar um comentário