Was Sie über das DOM wissen müssen: 20 Funktionen in 100 Zeilen

Was folgt, ist eine einzelne Funktion, die dumme Javascript-Aktionen mit dem Dokumentobjektmodell ausführt. Obwohl jeder vernünftige Entwickler die Verwendung einer Bibliothek wie jQuery für solche Dinge bevorzugt, ist es immer gut zu wissen, was sich hinter den Kulissen abspielt. Was ich behandelt habe, sind die folgenden Funktionen:

• document.
  • createElement
  • createTextNode
  • getElementsByTagName
  • getElementsByName
  • getElementById
• node.
  • appendChild
  • removeChild
  • className
  • setAttribute
  • getAttribute
  • children
  • tagName
  • parentNode
  • style.setProperty
  • style.removeProperty
  • style.cssText
  • innerHTML
  • insertBefore
  • previousSibling
  • nextSibling

Ich denke, der Code ist gut genug dokumentiert, zögern Sie nicht, damit herumzuspielen