Encontrar elementos HTML Muitas vezes, com JavaScript, você deseja manipular elementos HTML. Para fazer isso, você tem que encontrar os elementos primeiro. Há várias maneiras de fazer isso : Encontrar elementos HTML por id Encontrar elementos HTML por nome de tag Encontrar elementos HTML pelo nome de classe Encontrar elementos HTML por seletores CSS Encontrar elementos HTML por coleções de objetos HTML Encontrar elemento HTML por Id A maneira mais fácil de encontrar um elemento HTML no DOM, é usando o id elemento. Este exemplo encontra o elemento com id="intro" : Exemplo const element = document. getElementById ( "intro" ); Se o elemento for encontrado, o método retornará o elemento como um objeto (em elemento). Se o elemento não for encontrado, o elemento conterá . null Encontrar elementos HTML por Nome de Tag Este exemplo encontra todos elementos <p> : Exemplo const element = document. getElementsByTagName ( &qu
Encontrar elementos HTML Método Descrição document.getElementById( id ) Encontre um elemento por elemento id document.getElementsByTagName( nome ) Encontrar elementos por nome de tag document.getElementsByClassName( nome ) Encontre elementos por nome de classe Alterando elementos HTML Propriedade Descrição element .innerHTML = novo conteúdo html Alterar o HTML interno de um elemento element . attribute = novo valor Alterar o valor do atributo de um elemento HTML element .style. property = novo estilo Alterar o estilo de um elemento HTML Método Descrição element .setAttribute (atributo, valor) Alterar o valor do atributo de um elemento HTML Adicionando e excluindo elementos Método Descrição document.createElement( elemento ) Crie um elemento HTML document.removeChild( elemento ) Remova um elemento HTML document.appendChild( elemento ) Adicione um elemento HTML document.replaceChild( novo, velho ) Subst