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.
Objekt | Beschreibung | |
---|---|---|
Dokument | Ermö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. | |
Event | Ermö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. | |
Htmlelement | Stellt 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. | |
Anker | Stellt 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. | |
Bereich | Definiert 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. | |
Base | Gibt 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örper | Stellt 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. | |
Taste | Stellt 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. | |
Bilden | Stellt 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 IFrame | Stellt einen Rahmen (der Tag) oder ein Inline-Frame (der | |
Frameset | Ermö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. | |
Image | Stellt 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 Taste | Stellt 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 Checkbox | Stellt 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 Datei | Stellt 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 Versteckt | Stellt 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 Passwort | Stellt 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 Radio | Stellt 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ückstellen | Stellt 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 einreichen | Stellt 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 Text | Stellt 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. | |
Link | Erstellt 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. | |
Meta | Definiert 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. | |
Objekt | Erstellen 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. | |
Option | Stellt 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ählen | Stellt 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. | |
Stil | Gibt 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. | |
Tabelle | Erstellt 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 Th | Stellt 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. |
tr | Stellt 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. | |
Textarea | Stellt 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. |