Compare Revisions

Usando o Núcleo DOM Nível 1 do W3C

Revision 269930:

Revision 269930 by fferracioli on

Revision 269931:

Revision 269931 by fferracioli on

Title:
Usando o Núcleo DOM Nível 1 do W3C
Usando o Núcleo DOM Nível 1 do W3C
Slug:
Usando_o_Núcleo_DOM_Nível_1_do_W3C
Usando_o_Núcleo_DOM_Nível_1_do_W3C
Content:

Revision 269930
Revision 269931
n48    <pre class="script">n48    <pre class="brush: js">
49<span class="highlightgreen">// document.getElementsByTagName("H149<span class="highlightgreen">// document.getElementsByTagName("H1
>") retorna um NodeList de elementos H1<br>// no documento, e o pr>") returna NodeList of the H1<br>// elements in the document, a
>imeiro é o número 0:</span>>nd thfirst is number 0:</span>
n52<span class="highlightgreen">// o firstChild do cabeçalho é um nón52<span class="highlightgreen">// the firstChild of the header is a
> de Texto, e a propriedade data <br>// do nó de texto contém seu > Text node, and the data <br>// property of the text node contain
>texto:</span> >s its text:</span> 
n54<span class="highlightgreen">// agora o cabeçalho é "A dynamic don54<span class="highlightgreen">// now the header is "A dynamic docu
>cument".</span>>ment".</span>
n56<span class="highlightgreen">// Recupera o primeiro elemento P non56<span class="highlightgreen">// Get the first P element in the do
> documento do mesmo modo:</span>>cument the same way:</span>
n58<span class="highlightgreen">// e altera o seu texto também:</span58<span class="highlightgreen">// and changits text too:</span>
>n> 
n61<span class="highlightgreen">// cria um novo nó de Texto para o sn61<span class="highlightgreen">// create a new Text node for the se
>egundo parágrafo</span>>cond paragraph</span>
n63<span class="highlightgreen">// cria um novo Element para ser o sn63<span class="highlightgreen">// create a new Element to be the se
>egundo parágrafo</span>>cond paragraph</span>
n65<span class="highlightgreen">// coloca o textno parágrafo</spann65<span class="highlightgreen">// put the text in the paragraph</sp
>>>an>
t67<span class="highlightgreen">// e coloca o parágrafo no final do t67<span class="highlightgreen">// and put the paragraph on the end 
>documento acrescentando-o ao <br>// BODY (que é o pai do parágraf>of the document by appending it to<br>// the BODY (which is the p
>o)</span>>arent of para)</span>

Back to History