blog de markdbd

DOM (Document Object Model) es un conjunto de objetos que permiten modificar dinámicamente el contenido de documentos estructurados mediante lenguajes como Javascript.

Si usas DOM habitualmente para modificar los contenidos de una página Web, la herramienta DOM Tool te ahorrará mucho tiempo ya que convierte código HTML a DOM, vamos ideal para no tener que estar escribiendo muchas lineas. Aquí os dejo un ejemplo:

Código HTML
<h2>Esto es un h2</h2>
<p>Esto es un parrafo <a href="http://test.com">con un enlace</a></p>


Código DOM generado
var h21=document.createElement('h2');
var txt1=document.createTextNode('Esto es un h2');
h21.appendChild(txt1);
var p1=document.createElement('p');
var txt3=document.createTextNode('Esto es un parrafo ');
p1.appendChild(txt3);
var a1=document.createElement('a');
a1.setAttribute('href','http://test.com');
p1.appendChild(a1);
var txt4=document.createTextNode('con un enlace');
a1.appendChild(txt4);

Más información: DOM Tool