Duplica nodos del DOM con facilidad

Nodos DOM duplicados

En esencia, son operaciones de cortar, copiar y pegar.

Puedes cambiar el DOM fácilmente sin tener que editar el HTML como una cadena gigante.

  1. Haz clic con el botón derecho en un nodo y selecciona Copiar.
  2. Puedes pegarlo en tu editor de código o, para crear prototipos, puedes pegar el nodo DOM en otra parte del árbol del DOM. El nodo pegado se inserta como elemento secundario del nodo seleccionado actualmente. En el video, uso la tecla de flecha hacia la izquierda para saltar a la etiqueta de apertura superior inmediata y pegarla allí (que es lo que hago en la mayoría de los casos).

También puedes cortar (hacer clic con el botón derecho > Cortar, Cmd + x/Ctrl + x) un nodo DOM y pegarlo, lo que tiene el efecto de mover el nodo.

Experimenta: Intenta agregar más vínculos en el encabezado o el pie de página de un sitio con esta técnica de copia y pega, y descubre en qué punto se debe mejorar el diseño.