<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Antártico Norte &#187; dom</title>
	<atom:link href="http://antarticonorte.com/blog/tag/dom/feed/" rel="self" type="application/rss+xml" />
	<link>http://antarticonorte.com/blog</link>
	<description>Fotografía, diseño web y de todo un poco</description>
	<lastBuildDate>Tue, 19 Jan 2010 19:20:49 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Extensiones en el DOM de HTML5</title>
		<link>http://antarticonorte.com/blog/2008/01/23/extensiones-en-el-dom-de-html5/</link>
		<comments>http://antarticonorte.com/blog/2008/01/23/extensiones-en-el-dom-de-html5/#comments</comments>
		<pubDate>Wed, 23 Jan 2008 21:34:54 +0000</pubDate>
		<dc:creator>Al-x</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[dom]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://antarticonorte.com/blog/2008/01/23/extensiones-en-el-dom-de-html5/</guid>
		<description><![CDATA[Una de las cosas que mas me gustan del nuevo HTML5 son las extensiones de los objetos HTMLDocument y HTMLElement. Si bien son cosas que podemos hacer actualmente con librerías como prototype o jQuery, no viene mal que se puedan realizar de manera nativa.
HTMLDocument
El nuevo HTML5 define el metodo getElementsByClassName() para seleccionar elementos a través [...]]]></description>
			<content:encoded><![CDATA[<p>Una de las cosas que mas me gustan del nuevo HTML5 son las extensiones de los objetos HTMLDocument y HTMLElement. Si bien son cosas que podemos hacer actualmente con librerías como <a href="http://www.prototypejs.org">prototype</a> o <a href="http://www.jquery.com">jQuery</a>, no viene mal que se puedan realizar de manera nativa.</p>
<h3>HTMLDocument</h3>
<p>El nuevo HTML5 define el metodo <code>getElementsByClassName()</code> para seleccionar elementos a través de su clase.</p>
<p><code>innerHTML</code> pasa a ser estandar, y a nivel de documento (antes solo estaba implementado en HTMLElement). De esta forma podemos serializar todo el documento.</p>
<p><code>activeElement</code> devuelve el elemento que tiene foco actualmente. Si ningún elemento tiene foco devuelve el <code>body</code> de la página.</p>
<p><code>hasFocus</code> determina si el documento tiene foco.</p>
<p><code>getSelection()</code> devuelve un objeto que representa la selección o selecciones actuales del documento. Si por ejemplo el usuario selecciona el siguiente bloque de texto en su navegador <img src='/wp-content/uploads/2008/01/lipsum.png' class="boxed" alt='Texto seleccionado' /> <code>document.getSelection().toString()</code> devolverá &quot;est qui dolorem ipsum quia dolor sit amet&quot;</p>
<h3>HTMLElement</h3>
<p>Tambien implementa <code>getElementsByClassName()</code>. Combinado con <code>getElementById()</code> podemos restringir el ámbito de la búsqueda. Así podremos escribir sentencias como:</p>
<pre class="js">
var articulos = document.getElementById('contenido').getElementsByClassName('articulo');
</pre>
<p>Al igual que en HTMLDocument, <code>innerHTML</code> pasa a ser estandar.</p>
<p><code>classList</code> devuelve un objeto con el que poder manipular las clases de un elemento. Esto es muy útil cuando tenemos un elemento con más de una clase.</p>
<pre class="js">
clases = document.getElementById('contenido').classList;
clases.has('clase'); // Vemos si el elemento tiene una clase determinada
clases.add('clase'); // Añade una clase al elemento
clases.del('clase'); // Elimina una clase del elemento
clases.toggle('clase'); // Si el elemento tiene la clase, la elimina. Si no la tiene la añade
</pre>
<p>Para los elementos <code>a</code>, <code>area</code> y <code>link</code> se añade un objeto llamado <code>relList</code> con los mismos métodos para manejar el atributo <code>rel</code></p>
<p>Lo malo: que las podremos usar cuando Microsoft las implemente en Internet Explorer 17 o así.</p>
]]></content:encoded>
			<wfw:commentRss>http://antarticonorte.com/blog/2008/01/23/extensiones-en-el-dom-de-html5/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
