2009-07-13 15 views
54

Was bedeutet DOM-Element in den folgenden Anweisungen?Was ist ein DOM-Element?

Statement #1

Sie können mehrere Klassen zu einem einzelnen DOM-Element hinzufügen.

Statement #2

Der - Punkt ist, dass Vererbung in CSS nicht durch Klassen erfolgt, sondern durch das Element Hierarchien. So zu Modell geerbte Eigenschaften, die Sie benötigen, um gelten sie auf verschiedene Ebenen von Elemente im DOM.

Ich weiß, dass DOM für Domain Object Model steht. Es scheint in den Aussagen ein Synonym für API zu sein.

+1

Ich denke, das wird einige zusätzliche Informationen geben http://www.w3.org/TR/DOM-Level-2-Core/introduction.html – shanish

Antwort

85

Dokument Objektmodell.
Das DOM ist die Art und Weise, in der Javascript die Daten seiner umgebenden Seiten sieht. Es ist ein Objekt, das enthält, wie das HTML/XHTML/XML formatiert ist, sowie den Browserstatus.

Ein DOM-Element ist so etwas wie ein DIV-, HTML-, BODY-Element auf einer Seite. Sie können allen Klassen mithilfe von CSS Klassen hinzufügen oder mit JS interagieren.

18

Es ist eigentlich Document Object Model. HTML wird verwendet, um das DOM zu erstellen, das eine In-Memory-Darstellung der Seite ist (während sie eng mit HTML verwandt sind, sind sie nicht genau dasselbe). Dinge wie CSS und Javascript interagieren mit dem DOM.

3

Achten Sie darauf, dass Ihre Anweisungen sich auf "Elemente des DOM" beziehen, z. B. die HTML-Tags (A, INPUT usw.). Diese Anweisungen bedeuten einfach, dass einem solchen Element mehrere CSS-Klassen zugewiesen werden können.

8

Document Object Model (DOM), eine vom World Wide Web Consortium (W3C) entwickelte Programmierschnittstellenspezifikation, ermöglicht es einem Programmierer, HTML-Seiten und XML-Dokumente als vollwertige Programmobjekte zu erstellen und zu modifizieren.

12

Wenn die Aussagen im Zusammenhang mit wie CSS beeinflusst HTML dann DOM-Element bezieht sich auf ein HTML-Element.

+0

@Martin: Großartiges Beispiel! –

6

Gemäß W3C: DOM erlaubt Programmen und Skripten, dynamisch auf den Inhalt, die Struktur und den Stil von XML- oder HTML-Dokumenten zuzugreifen und diese zu aktualisieren.

DOM besteht aus:

  • Satz von Objekten/Elementen
  • eine Struktur, wie diese Objekte/Elemente können
  • und eine Schnittstelle für den Zugriff auf und modifizieren
kombinierbar

Prost

5

DOM steht für Document Object Model.Es ist der W3C-Standard (World Wide Web Consortium). Es definieren Standard für den Zugriff auf und Manipulation von HTML und XML-Dokument und die Elemente des DOM ist Kopf, Titel, Body-Tag etc. Also die Antwort auf Ihre erste Aussage ist

Statement # 1 Sie mehrere Klassen zu einer einzigen hinzufügen DOM-Element

. Erklärung: "div class =" cssclass1 cssclass2 cssclass3"

Hier Tag ist Element von DOM und ich habe mehrere Klassen zu DOM-Elemente angewandt

4

DOM (Document Object Model) ist ein Standard für Zugriff auf Dokumente

'Wenn eine Webseite geladen wird, erstellt der Browser ein Document Object Model der Seite.'

es in 3 Teile unterteilt:

- Core DOM - standard model for all document types 
- XML DOM - standard model for XML documents 
- HTML DOM - standard model for HTML documents 

mehr zu erfahren, siehe: http://www.w3schools.com/js/js_htmldom.asp

1

DOM ist ein logisches Modell, das in jedem geeigneten manner.It implementiert werden kann, ist auf einer Objektstruktur zugrunde, dass ähnelt die Struktur der Dokumente es Modelle

Für weitere Informationen über DOM:. Click Here

2

Um das Konzept des DOM-Elements herauszufinden, ist es wichtig, das Konzept von Dynamic HTML und DOM zu verstehen. Alles beginnt mit der Zeit, in der die Anforderungen aller Aktionäre von Webseiten verbessert werden. Sie wollten die Webseiten, die interaktiver, dynamischer und lebendiger sein können. Um dieses Ziel zu erreichen, benötigten Entwickler außerdem die Werkzeuge und Mechanismen, mit denen die Darstellung und der Inhalt jedes Abschnitts der Webseite verändert oder manipuliert werden können. Daher wird das Konzept von Dynamic HTML erstellt. Um sie zu verstehen, ist eine große Definition für Dynamic HTML zugänglich in Wikipedia:

Dynamic HTML oder DHTML, ist ein Oberbegriff für eine Sammlung von Technologien zusammen, um interaktive und animierte Websites durch eine Kombination mit einer statischen Auszeichnungssprache (wie HTML), einer clientseitigen Skriptsprache (wie JavaScript), einer Darstellungssprache (wie CSS) einer Präsentation und dem Dokumentobjektmodell (DOM).

So schreibt Standard DHTML Web-Seiten sind in drei Bereichen standardisiert, einschließlich clientseitige Skriptsprache (wie JavaScript), eine Präsentation Definitionssprache (wie CSS) und eine einheitliche Programmierschnittstelle (API) für den Zugriff auf und Ändern Sie die Webseite (Document Object Model). Diese Aktivität wird von W3C und anderen ausgeführt. Um das Problem des Cross-Browsers zu lösen, versuchte W3C, einen allgemeinen Konsens (mit verschiedenen Browsern) über Skripte zu erreichen, um HTML- und XML-Dokumente über das Document Object Model (DOM) als Standard-Anwendungsprogrammierschnittstelle (API) zu bearbeiten.

Aber die Hauptfrage ist, wie sie die Struktur des Document Object Model entworfen haben, um ihre Bedürfnisse zu erfüllen. Ihre Lösung war einfach, aber wunderbar. Sie verwendeten eine hierarchische Struktur wie Baum, wobei an der Wurzel des Baumes das Dokumentenobjekt zu finden ist, auch jeder Knoten entspricht einem HTML-Element (DOM-Element). Diese Abstraktion Ihrer Webseite bietet Ihnen eine großartige Möglichkeit, auf HTML-Elemente, Stylesheets und ... zuzugreifen.Um es besser zu verstehen, können Sie jeden Einzug Ihres HTML-Codes jeder Ebene des DOM-Baums zuordnen. Beachten Sie dieses Beispiel:

Ihre HTML:

<!DOCTYPE html> 
<html> 
    <head> 
    </head> 
    <body> 
     <p>...</p> 
     <ul> 
      <li>...</li> 
     </ul> 
     <table> 
      <tr>...</tr> 
     </table> 
    </body> 
</html> 

DOM-Struktur:

document 
     | .  
    <html> . 
    / \   . 
<head> <body> styleSheets 
     /\ \ 
     <p> <ul> <table> 
    / \  \ 
    text <li> <tr> 

Also, jeder Knoten dieser hierarchischen Struktur (DOM-Baum) zu einem DOM-Element bezieht. To learn more use tis reference

+0

Vielleicht sollte dies auf Core DOM, XML DOM und HTML DOM erweitert werden. Auch Beispielbefehle zum Manipulieren von Child- und Parent-Knoten (DOM-Elementen) etc. - - Auch grundlegende Beispiele: Im Kontext von CSS ist das DOM-Element ein HTML-Element usw. –