Alles, was Sie über DOM in JavaScript wissen müssen



Dieser Artikel vermittelt Ihnen ein detailliertes und umfassendes Wissen über das Dokumentobjektmodell, d. H. DOM in JavaScript.

Wussten Sie, dass wir JavaScript verwenden können, um Inhalte auf der Webseite zu bearbeiten? Scheint interessant, oder? Lassen Sie uns verstehen, was das Dokumentobjektmodell ist. DOM in JavaScript folgendermaßen:

Was ist DOM in JavaScript?

Das Dokumentobjektmodell oder DOM wird vom Browser beim Laden einer Webseite erstellt. In grafischer Form ähnelt es einem Baum von Elementen, die auch als Knoten bezeichnet werden und zur Darstellung jedes einzelnen Elements auf der Seite verwendet werden.





Das gesamte DOM unserer Webseite befindet sich im Dokumentobjekt. Programmatisch ermöglicht uns dieses Modell, den Inhalt unserer Seite über zu lesen oder sogar zu ändern . Ist es nicht cool?

Aktionen von DOM in JavaScript

Einige der Aktionen, die wir mit diesem Modell ausführen können, sind:



  • Ändern / Entfernen von HTML-Elementen im DOM / auf der Seite.

  • Ändern und fügen Sie CSS-Stile zu Elementen hinzu

  • Lesen und ändern Sie Attribute (href, src, alt) usw.



  • Erstellen Sie neue Elemente und fügen Sie sie in das DOM / die Seite ein.

    wie man in Java trimmt
  • Anhängen von Ereignis-Listenern an Elemente (Klicken, Drücken, Senden)

Abfragen des DOM in JavaScript

Das Abrufen eines HTML-Elements oder das Abrufen eines HTML-Elements zum Hinzufügen / Ändern oder Inhalt wird als Abfragen bezeichnet.

Wie schreibe ich Alert in Javascript

HTML Quelltext:

Javascript und das DOM h1 {Schriftgröße: 60px}

JavaScript-Code:

var title = document.getElementById ('title') // cgangin color to red title.style.color = 'red' var body = document.getElementById ('body') // Ändern der Hintergrundfarbe in hellblau body.style. backgroundColor = 'hellblau'

Wir haben die Textfarbe des Titels mithilfe von JavaScript von Schwarz auf Rot geändert. Dies haben wir mit dem erreicht .Stil Eigenschaft änderte dann den Wert von Farbe gleich Netz .

Ändern wir nun die Hintergrundfarbe des Körperelements in hellblau .

Damit beenden wir dieses DOM im JavaScript-Artikel. Ich hoffe, Sie haben verstanden, wie Dokumentobjektmodelle funktionieren und wie Sie dasselbe DOM in JavaScript implementieren.

Nachdem Sie DOM in JavaScript kennen, lesen Sie die von Edureka. Mit dem Web Development Certification Training lernen Sie, wie Sie beeindruckende Websites mit HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- und Google-APIs erstellen und für Amazon Simple Storage Service (S3) bereitstellen.

Hast du eine Frage an uns? Bitte erwähnen Sie es im Kommentarbereich von 'DOM in JavaScript' und wir werden uns bei Ihnen melden.