Nesta última parte do mini tutorial sobre DOM vamos ver algumas funções do DOM para acessar, criar e excluir linhas e células de uma tabela.
rows[]
Retorna um array de cada linha de uma tabela.
Sintaxe: tabela.rows[]
Exemplo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
<title>rows[]</title>
<script type=’text/javascript’>
window.onload = fucntion() {
alert(document.getElementById("tabela").rows[0].innerHTML);
}
</script>
[...]
Nos artigos anteriores, mostrei como acessar, criar e manipular objetos HTML do documento. Nesta terceira parte irei demonstrar como apagar nós filhos, atributos e textos de um elemento.
RemoveChild
Este método é utilizado para remover nós filhos de um elemento.
Sintaxe: removeChild(elemento);
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head>
<title>removeChild</title>
<script type=’text/javascript’>
window.onload = fucntion() {
para [...]
Na primeira parte deste tutorial você viu como acessar objetos do html, seus valores, textos e atributos. Nesta segunda parte você irá ver que o DOM também pode criar e modificar objetos do HTML.
createElement
cria tags no HTML.
Sintaxe: createElement(nome)
1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
<title>Create Element</title>
<script type=’text/javascript’>
window.onload = function() {
[...]
