Remover nós e elementos
element.removeChild()
Remove o nó node, filho do elemento element.
Sintaxe:
element.removeChild(no)
no: nó a remover
Exemplo:
<body>
<ul>
<li>Linha 1</li>
<li>Linha 2</li>
<li>Linha 3</li>
</ul>
<script>
//seleciona o elemento UL:
let ul = document.getElementsByTagName('UL')[0];
//remove o 1º nó filho
ul.removeChild(ul.childNodes[1]);
</script>
</body>element.removeAttributeNode()
Remove do elemento element o nó de atributo no_atributo.
Sintaxe:
element.removeAttributeNode(no_atributo)
no_atributo: nó de atributo a remover
NOTA: Deve usar o método getAttributeNode() para selecionar o atributo.
Exemplo:
<body>
<p class='green'>Linha de texto 1</p>
<script>
//seleciona o elemento P:
let p = document.getElementsByTagName('P')[0];
//seleciona o nó de atributo a remover:
var attr = p.getAttributeNode("class");
//remove o nó de atributo:
p.removeAttributeNode(attr);
</script>
</body>element.removeAttribute()
Remove do elemento element o atributo com o nome nome.
Sintaxe:
element.removeAttribute(nome)
nome: nome do atributo a remover
Exemplo:
<body>
<p class='green'>Linha de texto 1</p>
<script>
//seleciona o elemento P:
let p = document.getElementsByTagName('P')[0];
//remove o atributo:
p.removeAttribute('class');
</script>
</body>