Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

zenfra

createElement - appendChild

Por , em Javascript

Recommended Posts

zenfra    0

zenfra
Postado

Boa noite,

 

estou estudando o funcionamento de manipulação de arquivos HTMl com javascript para poder trabalhar melhor com ajax. De Inicio estou seguindo alguns artigos que peguei na internet nos links abaixo:

 

http://developer.mozilla.org/en/docs/Trave..._DOM_Interfaces

http://www.howtocreate.co.uk/tutorials/javascript/dombasics

 

Depois de ter lido alguma coisa, criei um documento HTMl contendo um botão e uma tabela para poder brincar ... o código abaixo é o do meu documento HTML:

 

<html> <head>  <script language="javascript" src="ajax.js"></script>  <style>    Table{	border:1px solid;	}	td{	background-Color:#CCCCCC;	}    </style>   </head> <body>  <span id="Primeiro"> <Table id="Tabela1" name="Tabela1">  </table>   </span> <input type="button" value="Imprime" onClick="PassCliente();"/> </body> </html>

Depois criei um arquivo JS onde inseri meus scripts de Javascript conforme abaixo:

 

function Ajax(){  var AjaxHttp;    if(window.XMLHttpRequest){     AjaxHttp = new XMLHttpRequest();	 }else if(typeof ActiveXObject != "undefined"){	    try{		   AjaxHttp = new ActiveXObject("Microsoft.XMLHTTP");		   }catch(e){		      try{			    AjaxHttp = new ActiveXObject("Msxml2.XMLHTTP");				}catch(ee){}			}       }	   	return AjaxHttp;	}function PassCliente(){     var AjaxModel = Ajax();	 var acumula = 0;	 	 ObjetoHTML = document.getElementById("Tabela1")	 	 elemento = document.createElement("TR")	 elemento2 = document.createElement("TD")	 Elemento3 = document.createTextNode("Vamos")	 	 elemento2.appendChild(Elemento3)	 elemento.appendChild(elemento2)	 ObjetoHTML.appendChild(elemento)	 for (i=0;i<ObjetoHTML.childNodes.length;i++){	    if(ObjetoHTML.childNodes[i].nodeName== "TD"){		 acumula = acumula + 1; 	 }	 }	 alert(acumula)}

 

Primeio, o que quero saber é o porque o meu código acima funciona direito no Firefox inserindo os nodes e apresentando eles na tela e no IE 6 e 7 ele não apresenta nada?

 

Segundo, depois de ter inserido o node no meu documento HTML, como eu faço para contar somente os nodes do tipo TD dentro da minha tabela?

 

Obigado pela atenção de vocês...

 

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hamilcar    1

Hamilcar
Postado

Boa noite,estou estudando o funcionamento de manipulação de arquivos HTMl com javascript para poder trabalhar melhor com ajax. De Inicio estou seguindo alguns artigos que peguei na internet nos links abaixo:http://developer.mozilla.org/en/docs/Trave..._DOM_Interfaceshttp://www.howtocreate.co.uk/tutorials/javascript/dombasicsDepois de ter lido alguma coisa, criei um documento HTMl contendo um botão e uma tabela para poder brincar ... o código abaixo é o do meu documento HTML:

<html> <head>  <script language="javascript" src="ajax.js"></script>  <style>    Table{	border:1px solid;	}	td{	background-Color:#CCCCCC;	}    </style>   </head> <body>  <span id="Primeiro"> <Table id="Tabela1" name="Tabela1">  </table>   </span> <input type="button" value="Imprime" onClick="PassCliente();"/> </body> </html>
Depois criei um arquivo JS onde inseri meus scripts de Javascript conforme abaixo:
function Ajax(){  var AjaxHttp;    if(window.XMLHttpRequest){     AjaxHttp = new XMLHttpRequest();	 }else if(typeof ActiveXObject != "undefined"){	    try{		   AjaxHttp = new ActiveXObject("Microsoft.XMLHTTP");		   }catch(e){		      try{			    AjaxHttp = new ActiveXObject("Msxml2.XMLHTTP");				}catch(ee){}			}       }	   	return AjaxHttp;	}function PassCliente(){     var AjaxModel = Ajax();	 var acumula = 0;	 	 ObjetoHTML = document.getElementById("Tabela1")	 	 elemento = document.createElement("TR")	 elemento2 = document.createElement("TD")	 Elemento3 = document.createTextNode("Vamos")	 	 elemento2.appendChild(Elemento3)	 elemento.appendChild(elemento2)	 ObjetoHTML.appendChild(elemento)	 for (i=0;i<ObjetoHTML.childNodes.length;i++){	    if(ObjetoHTML.childNodes[i].nodeName== "TD"){		 acumula = acumula + 1; 	 }	 }	 alert(acumula)}
Primeio, o que quero saber é o porque o meu código acima funciona direito no Firefox inserindo os nodes e apresentando eles na tela e no IE 6 e 7 ele não apresenta nada?Segundo, depois de ter inserido o node no meu documento HTML, como eu faço para contar somente os nodes do tipo TD dentro da minha tabela?Obigado pela atenção de vocês...Abraços
Dê uma pesquizada neste site:http://www.w3schools.com/htmldom/default.asp

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito