Comparar revisiones

JavaScript no obstructivo

Revisión 186029:

Revisión 186029 de Noctuido el

Revisión 186030:

Revisión 186030 de Noctuido el

Título:
JavaScript no obstructivo
JavaScript no obstructivo
Enlace amigable (slug):
JavaScript_no_obstructivo
JavaScript_no_obstructivo
Etiquetas:
JavaScript, Todas_las_Categorías
JavaScript, Todas_las_Categorías
Contenido:

Revisión 186029
Revisión 186030
n541      Una de las fortalezas de DOM es que no es únicamente de lecn541      Una de las fortalezas de DOM es que no es únicamente de lec
>tura, y esto nos permite modificar más aún nuestra aplicación. Pa>tura, y esto nos permite modificar más aun nuestra aplicación. Pa
>ra ello disponemos de una serie de funciones y métodos que nos fa>ra ello disponemos de una serie de funciones y métodos que nos fa
>cilitarán el trabajo.>cilitarán el trabajo.
n565      <i>hasChildNodes()</i> Comprueba que el nodo no se un nodo n565      <i>hasChildNodes()</i> Comprueba que el nodo no sea un nodo
>hoja, osea que tenga hijos> hoja, osea que tenga hijos.
566    </p>
567    <p>566    </p>
567    <p>
568      <i>insertBefore(newchild,oldchild)</i> Crea un nuevo hijo (568      <i>insertBefore(newchild,oldchild)</i> Crea un nuevo hijo (
>newchild) antes del hijo antiguo (oldchild)>newchild) antes del hijo antiguo (oldchild).
569    </p>
570    <p>569    </p>
570    <p>
571      <i>removeChild(oldchild)</i> Borra un hijo571      <i>removeChild(oldchild)</i> Borra un hijo.
572    </p>
573    <p>572    </p>
573    <p>
574      <i>replaceChild(newchild,oldchild)</i> Reemplaza el viejo h574      <i>replaceChild(newchild,oldchild)</i> Reemplaza el viejo h
>ijo (oldchild) por el nuevo (newchild)>ijo (oldchild) por el nuevo (newchild).
n580      Vamos a ver un ejemplo práctico y accesible. Imaginar que qn580      Vamos a ver un ejemplo práctico y accesible. Imaginar que q
>ueremos hacer una lista en la cual tendremos enlaces a imagenes, >ueremos hacer una lista en la cual tendremos enlaces a imagenes, 
>si no disponemos de Javascript abriremos una ventana nueva para v>si no disponemos de Javascript, abriremos una ventana nueva para 
>er la imagen seleccionada.>ver la imagen seleccionada.
n596      De esta forma tenemos una válida de mostrar una lista de imn596      De este modo, tenemos una forma válida de mostrar una lista
>agenes, al hacer click sobre el enlace el <code>target</code> act> de imagenes, al hacer click sobre el enlace el <code>target</cod
>uará y mostrará la imagen en una ventana nueva. Pero, ¿si dispone>e> actuará y mostrará la imagen en una ventana nueva. Pero, ¿si d
>mos de javascript? ¿por que no podemos enriquecer el aspecto?>isponemos de javascript? ¿por qué no podemos enriquecer el aspect
 >o?
t666      Podeis ver <a class="external" href="http://www.onlinetoolst666      Podéis ver <a class="external" href="http://www.onlinetools
>.org/articles/unobtrusivejavascript/ex_imagepop.html">el ejemplo >.org/articles/unobtrusivejavascript/ex_imagepop.html">el ejemplo 
>de mano del autor</a>.Activar y desactivar el javascript para ver>de mano del autor</a>.Activar y desactivar el javascript para ver
> las diferencias.> las diferencias.

Volver al historial