Duplica nodos del DOM con facilidad

Nodos del DOM duplicados

Básicamente, son operaciones de cortar, copiar y pegar.

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

  1. Haz clic con el botón derecho en un nodo y selecciona Copy.
  2. Puedes pegar en tu editor de código o, para el prototipado, puedes pegar el nodo del DOM en otra parte del árbol del DOM. El nodo pegado se inserta como un elemento secundario del nodo seleccionado actualmente. En el video, uso la flecha hacia la izquierda para ir a la etiqueta de apertura superior inmediata y pego 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) en un nodo del DOM y pegarlo, lo que hace que el nodo se mueva.

Prueba esta técnica: Intenta agregar más vínculos en el encabezado o pie de página de un sitio con esta técnica de copiar y pegar, y determina en qué momento debe mejorarse el diseño.