Wie Verwenden von HTML-DOM-Objekte Struktur zu verwalten

die Organisation von Informationen der Benutzer sieht Bildschirm in eine zusammenhängende Darstellung mit Hilfe von javascript ist wichtig. Der Benutzer sollte das HTML-Dokument-Struktur zu sehen, aber die Struktur sollte den Inhalt unterstützen - es die Aufmerksamkeit auf sich nicht nennen sollte. Wenn sie mit einer Seite arbeiten, umfasst Struktur alles von Tabellen zu Kontrollen verwendet zu interagieren und die Inhalte zu verwalten, die der Benutzer zu sehen, am meisten interessiert. Die folgenden HTML-DOM-Objekte helfen Sie diese Aufgabe ausführen, wenn sie mit javascript arbeiten.

ObjektBeschreibung
DokumentErmöglicht den Zugriff auf alle Elemente einer ganzen Seite. Every in einen Browser geladen wird ein Dokument-Objekt, das Sie das Dokument Schlüsselwort zugreifen können. Sie können eine komplette listof die Methoden und Eigenschaften finden Sie bei w3schools.com/jsref/dom_obj_document.asp mit diesem Objekt zugeordnet ist.
EventErmöglicht die Interaktion mit den Ereignissen und Ereignis handlersassociated mit einer Seite. Jeder Elementtyp hat mit ihm, wie das Click-Ereignis spezifischen eventsassociated mit der damit verbundenenTaste Objekt. Sie können eine completelist der Methoden sehen und Eigenschaften mit diesem Objekt atw3schools.com/jsref/dom_obj_event.asp verbunden.
HtmlelementStellt eine Basisklasse, von der alle HTML-Elemente derived.This Basisklasse definiert die Eigenschaften und Methoden, die alle HTMLelements liefern sind. Sie können eine komplette Liste der Methoden andproperties sehen mit diesem Objekt an w3schools.com/jsref/dom_obj_all.asp verbunden.
AnkerStellt einen HTML-Link. Sie können eine komplette Liste OFTHE Methoden und Eigenschaften finden Sie bei w3schools.com/jsref/dom_obj_anchor.asp mit diesem Objekt zugeordnet ist.
BereichDefiniert den Bereich innerhalb eines HTML-Image-Map, die für eine grafische Regionen createclickable Element verwendet wird. Sie können eine completelist der Methoden sehen und Eigenschaften mit diesem Objekt atw3schools.com/jsref/dom_obj_area.asp verbunden.
BaseGibt die Standardadresse oder ein Standardziel für alle eine Seite linkson. Sie können eine komplette Liste der Methoden andproperties sehen mit diesem Objekt an w3schools.com/jsref/dom_obj_base.asp verbunden.
KörperStellt die tagportion einer Seite, einschließlich aller in thattag enthaltenen Elemente. Sie können eine komplette Liste der Methoden sehen und propertiesassociated mit diesem Objekt an w3schools.com/jsref/dom_obj_body.asp.
TasteStellt eine Schaltfläche auf einer Seite. Diese Aufgabe wird mit dem Tag specificallyassociated, anstatt die Tag-Form ofbutton. Sie können eine komplette Liste der Methoden sehen und propertiesassociated mit diesem Objekt an w3schools.com/jsref/dom_obj_pushbutton.asp.
BildenStellt eine Form und umfasst alle Elemente innerhalb thatform. Sie können eine komplette Liste der Methoden sehen und propertiesassociated mit diesem Objekt an w3schools.com/jsref/dom_obj_form.asp.
Rahmen und IFrameStellt einen Rahmen (der Tag) oder ein Inline-Frame (der
FramesetErmöglicht den Zugriff auf ein Frameset, das Objekt zwei oder mehr frames.This gibt tohold den zugehörigen Rahmen verwendet nur die Anzahl der Zeilen und Spalten enthält. Sie können eine komplette Liste von themethods und Eigenschaften finden Sie bei w3schools.com/jsref/dom_obj_frameset.asp mit diesem Objekt zugeordnet ist.
ImageStellt ein eingebettetes Bild. Sie können eine komplette Liste OFTHE Methoden und Eigenschaften finden Sie bei w3schools.com/jsref/dom_obj_image.asp mit diesem Objekt zugeordnet ist.
Eingang TasteStellt ein Tag OfType Taste für den Aufbau einer Form verwendet. Sie können eine komplette listof die Methoden und Eigenschaften finden Sie bei w3schools.com/jsref/dom_obj_button.asp mit diesem Objekt zugeordnet ist.
Eingang CheckboxStellt ein Kontrollkästchen Tag OfType für den Aufbau einer Form verwendet. Sie können eine completelist der Methoden sehen und Eigenschaften mit diesem Objekt atw3schools.com/jsref/dom_obj_checkbox.asp verbunden.
Eingang DateiStellt ein Tag OfType Datei-Upload für den Aufbau einer Form verwendet. Wenn der Benutzer klickt thebutton präsentiert der Browser ein Dialogfeld Durchsuchen verwendet thefile ausfindig zu machen. Sie können eine komplette Liste der Methoden sehen und propertiesassociated mit diesem Objekt an w3schools.com/jsref/dom_obj_fileupload.asp.
Eingang VerstecktStellt ein Tag OfType versteckt. Ein verstecktes Element wird verwendet, um Daten zu senden, um die serverbut an den Endanwender unsichtbar ist. Sie können eine komplette Liste OFTHE Methoden und Eigenschaften finden Sie bei w3schools.com/jsref/dom_obj_hidden.asp mit diesem Objekt zugeordnet ist.
Eingang PasswortStellt ein Tag OfType Text für den Aufbau einer Form verwendet. Diese besondere Form der Textcontrol zeigt Sternchen anstelle der dem Benutzer hastyped Zeichen Passwörter und andere geheime Informationen verborgen zu halten. Youcan sehen Sie eine vollständige Liste der Methoden und Eigenschaften associatedwith dieses Objekt bei w3schools.com/jsref/dom_obj_password.asp.
Eingang RadioStellt ein Tag OfType Optionsfeld für den Aufbau einer Form verwendet. Sie können eine completelist der Methoden sehen und Eigenschaften mit diesem Objekt atw3schools.com/jsref/dom_obj_radio.asp verbunden.
Eingang zurückstellenStellt ein Tag OfType Taste für den Aufbau einer Form verwendet. Dieser Button Typ wird Reset Form in seinen ursprünglichen Zustand verwendet. Sie können eine komplette listof die Methoden und Eigenschaften finden Sie bei w3schools.com/jsref/dom_obj_reset.asp mit diesem Objekt zugeordnet ist.
Eingang einreichenStellt ein Tag OfType Taste für den Aufbau einer Form verwendet. Dieser Button Typ wird tosend Daten an den Server verwendet. Sie können eine komplette Liste der methodsand Eigenschaften im Zusammenhang mit diesem Objekt an w3schools.com/jsref/dom_obj_submit.asp sehen.
Eingang TextStellt ein Tag OfType Text für den Aufbau einer Form verwendet. Sie können eine komplette Liste OFTHE Methoden und Eigenschaften finden Sie bei w3schools.com/jsref/dom_obj_text.asp mit diesem Objekt zugeordnet ist.
LinkErstellt einen HTML-Link auf der Seite. Sie können eine komplette listof die Methoden und Eigenschaften finden Sie bei w3schools.com/jsref/dom_obj_link.asp mit diesem Objekt zugeordnet ist.
MetaDefiniert Metadaten verwendet, um Seiteninhalt beschreiben, automaticallyrefresh Inhalte oder andere Aufgaben ausführen. Sie können eine completelist der Methoden sehen und Eigenschaften mit diesem Objekt atw3schools.com/jsref/dom_obj_meta.asp verbunden.
ObjektErstellen Sie ein generisches Objekt verwendet, um Nicht-Text-Daten, wie aspictures, Kontrollen und Audio halten. Sie können eine komplette Liste von themethods und Eigenschaften finden Sie bei w3schools.com/jsref/dom_obj_object.asp mit diesem Objekt zugeordnet ist.
OptionStellt eine Dropdown-Liste, in der der Benutzer eine singleentry wählen können. Sie können eine komplette Liste der Methoden sehen und propertiesassociated mit diesem Objekt an w3schools.com/jsref/dom_obj_option.asp.
WählenStellt eine Dropdown-Liste, wo der Benutzer einer oder mehreren Einträge auswählen können. Sie können eine komplette Liste der Methoden andproperties sehen mit diesem Objekt an w3schools.com/jsref/dom_obj_select.asp verbunden.
StilGibt die Darstellung anderer Elemente auf der Seite. Sie canSee eine vollständige Liste der Methoden und withthis Objekt verknüpft Eigenschaften bei w3schools.com/jsref/dom_obj_style.asp.
TabelleErstellt eine Tabelle auf der Seite und enthält sowohl Reihen- und cellelements verwendet, um Inhalte zu halten. Sie können eine komplette Liste von themethods und Eigenschaften finden Sie bei w3schools.com/jsref/dom_obj_table.asp mit diesem Objekt zugeordnet ist.
td und ThStellt eine Datenzelle in einer Tabelle. Das Tag wird für die allgemeine Datenelemente verwendet, und der Tag definiert headings.You eine vollständige Liste der Methoden sehen können und mit diesem Objekt an w3schools.com/jsref/dom_obj_tabledata.asp propertiesassociated.
trStellt eine Reihe von Datenzellen innerhalb einer Tabelle. Sie können acomplete Liste der Methoden sehen und Eigenschaften mit Diesesobjekt assoziiert bei w3schools.com/jsref/dom_obj_tablerow.asp.
TextareaStellt eine mehrreihige Textelement auf der Seite. Sie können acomplete Liste der Methoden sehen und Eigenschaften mit Diesesobjekt assoziiert bei w3schools.com/jsref/dom_obj_textarea.asp.

Menü