Dupliceer eenvoudig DOM-knooppunten

Dubbele DOM-knooppunten

Dit zijn in wezen knip-/kopieer- en plakbewerkingen.

U kunt de DOM eenvoudig wijzigen zonder dat u de HTML als een gigantische string hoeft te bewerken.

  1. Klik met de rechtermuisknop op een knooppunt en selecteer Kopiëren .
  2. U kunt in uw code-editor plakken, of voor prototyping kunt u het DOM-knooppunt elders in de DOM-structuur plakken. Het geplakte knooppunt wordt ingevoegd als een onderliggend knooppunt van het momenteel geselecteerde knooppunt. In de video gebruik ik de pijl-links om naar de directe bovenliggende openingstag te springen en daar te plakken (wat ik in de meeste gevallen doe).

U kunt ook een DOM-knooppunt knippen (klik met de rechtermuisknop > Knippen, Cmd + x/Ctrl + x) en plakken - wat tot gevolg heeft dat het knooppunt wordt verplaatst.

Experiment: Probeer meer links toe te voegen in de kop-/voettekst van een site met behulp van deze kopieer- en plaktechniek en zoek uit op welk punt de lay-out moet worden verbeterd.