Heim > Web-Frontend > Front-End-Fragen und Antworten > Was sind die Javascript-Dom-Methoden?

Was sind die Javascript-Dom-Methoden?

青灯夜游
Freigeben: 2023-01-05 16:09:59
Original
3108 Leute haben es durchsucht

Zu den

dom-Methoden gehören: close(), open(), write(), writeln(), focus(), item(), Assert(), clear(), count(), error(), group(), info(), log(), table() usw.

Was sind die Javascript-Dom-Methoden?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Methoden des DOM-Dokumentobjekts

Rückkehr von einem anderen Dokument angepasster Knoten an das aktuelle Dokument. Schließt den mit der Methode document.open() geöffneten Ausgabestream und zeigt die ausgewählten Daten an. Erstellen Sie einen Attributknoten. Die Methode createComment() kann einen Kommentarknoten erstellen. Erstellt ein leeres DocumentFragment-Objekt und gibt dieses Objekt zurück. Elementknoten erstellen. Erstellen Sie einen Textknoten. Gibt eine Sammlung aller Elemente mit dem angegebenen Klassennamen im Dokument als NodeList-Objekt zurück. Gibt einen Verweis auf das erste Objekt mit der angegebenen ID zurück. Gibt eine Sammlung von Objekten mit dem angegebenen Namen zurück. Gibt eine Sammlung von Objekten mit dem angegebenen Tag-Namen zurück. Kopieren Sie einen Knoten aus einem anderen Dokument in dieses Dokument zur Anwendung. Leere Textknoten löschen und benachbarte Knoten verbinden Leere Textknoten löschen und benachbarte Knoten verbinden Offen Ein Stream zum Sammeln der Ausgabe einer beliebigen document.write()- oder document.writeln()-Methode. Gibt das erste Element im Dokument zurück, das dem angegebenen CSS-Selektor entspricht. document.querySelectorAll() ist eine neue in HTML5 eingeführte Methode, die das zurückgibt Dokument Liste aller Elementknoten, die mit dem CSS-Selektor in Entfernen Sie Ereignishandles im Dokument (hinzugefügt durch die Methode addEventListener())Element umbenennen oder Attributknoten. Schreiben Sie einen HTML-Ausdruck oder JavaScript-Code in das Dokument. entspricht der Methode write(), außer dass nach jedem Ausdruck ein Zeilenumbruchzeichen geschrieben wird.
Methode Beschreibung
document.addEventListener() Hinzufügen eines Handles zum.document.adoptNode (Knoten)
document.close()
document.createAttribute()
document.createComment()
document.createDocumentFragment()
document.createElement()
document.createTextNode()
document.getElementsByClassName()
document.getElementById()
document.getElementsByName()
document.getElementsByTagName()
document.importNode()
document.normalize()
document.normalizeDocument()
document.open ()
document.querySelector()
document.querySelectorAll()
document.removeEventListener()
document.renameNode()
document.write()
document.writeln()

Methoden des DOM-Elementobjekts

Gibt den angegebenen Attributknoten zurückelementGibt die Sammlung aller untergeordneten Elemente des angegebenen Tag-Namens zurück. elementGibt eine Sammlung aller Elemente mit dem angegebenen Klassennamen im Dokument als NodeList-Objekt zurück. elementGibt das Ausführungs-APIs-Objekt der angegebenen Funktion zurück. elementGibt ein Objekt mit zugehörigen Schlüsselwerten in einem Element zurück. elementGibt „true“ zurück, wenn das angegebene Attribut im Element vorhanden ist, andernfalls wird „false“ zurückgegeben. elementGibt „true“ zurück, wenn das Element irgendwelche Attribute hat, andernfalls wird „false“ zurückgegeben. elementGibt zurück, ob ein Element untergeordnete Elemente hatelementGibt einen booleschen Wert zurück, um zu erkennen, ob das Dokument oder Element den Fokus hatelementFügt ein neues untergeordnetes Element vor dem vorhandenen untergeordneten Element einelement Gibt true zurück, wenn namespaceURI angegeben ist, andernfalls wird false zurückgegeben. elementÜberprüft, ob zwei Elemente gleich sindelementÜberprüft, ob beide Elemente die gleichen Knoten haben. elementGibt true zurück, wenn die angegebene Funktion im Element unterstützt wird. element macht dies zu einer „normalen“ Form, bei der nur Strukturen (wie Elemente, Kommentare, Verarbeitungsanweisungen, CDATA-Abschnitte und Entitätsreferenzen) Textknoten, d. h. Elemente (einschließlich Attribute) trennen. , es gibt weder angrenzende Textknoten noch leere Textknoten alle Unterelementknoten, die mit dem angegebenen CSS-Selektorelement übereinstimmen Element Löschen Sie die angegebenen Attribute aus dem Element .removeattributeNode ()Löschen Sie den angegebenen Attributknoten und kehren Sie zurück der entfernte Knoten. element Den angegebenen Attributknoten festlegen oder ändern. element.setIdAttributeNode()element .setUserData() Ein in einen String umgewandeltes Element Zurück zu einem bestimmten elementbasierten Index basierend auf dem Dokumentbaum nodemapnodemap.item()nodemap.removeNamedItem()nodemap.setNamedItem()
Methode Beschreibung
element.addEventListener() Fügen Sie dem angegebenen Element einen Ereignishandler hinzu
element.appendChild() Fügen Sie dem Element ein neues untergeordnetes Element hinzu.
element.focus() Legen Sie das Dokument oder Element fest, um den Fokus zu erhalten.
element.getAttribute() Gibt den Attributwert des angegebenen Elements zurück. getAttributeNode ()
.getElementsByTagName()
getElementsByClassName()
.getFeature()
.getUserData()
.hasAttribute()
.hasAttributes()
.hasChildNodes()
.hasFocus()
.insertBefore()
.isDefaultNamespace()
.isEqualNode()
.isSameNode()
.isSupported()
.normalize()
.removeattribute ()
... element.replaceChild ( ) Ersetzen Sie ein untergeordnetes Element
element.setAttribute() Legen Sie das angegebene Attribut fest oder ändern Sie es und geben Sie den Wert an.
.setAttributeNode()
.setIdAttribute()
element
Verknüpft das Objekt mit dem angegebenen Schlüsselwert in das Element. Elemento.tostring ()
Nodelist.item ()
Dom-Attributobjektmethode
Methode Beschreibung
.getNamedItem()Der angegebene Attributknoten, der aus der Knotenliste zurückgegeben wurde.
Gibt den Knoten an der angegebenen Indexnummer in der Knotenliste zurück.
Entferne den angegebenen Attributknoten
Setze den angegebenen Attributknoten (nach Namen)

Methoden von DOM-Ereignissen

Methode Beschreibung
initEvent() Initialisieren Sie die Eigenschaften des neu erstellten Ereignisobjekts.
preventDefault() Informiert den Browser, die mit dem Ereignis verknüpfte Standardaktion nicht auszuführen.
stopPropagation() löst keine Ereignisse mehr aus.
addEventListener() Ermöglicht die Registrierung von Abhörereignissen in Zielereignissen (IE8 = attachmentEvent())
dispatchEvent() ermöglicht das Senden von Ereignissen an Listener (IE8 = fireEvent())
removeEventListener() Führen Sie ein auf dem Ereignisziel registriertes Abhörereignis aus (IE8 = detachEvent())
handleEvent() Jedes Objekt als Event-Handler registrieren
createEvent()
initMouseEvent() Initialisieren Sie den Wert des Mausereignisobjekts
initKeyboardEvent () Initialisieren Sie den Wert des Tastaturereignisobjekts

Methode des DOM-Konsolenobjekts

Methode Beschreibung
assert() Wenn die Behauptung falsch ist , in der Meldung Arrival Die Konsole gibt eine Fehlermeldung aus.
clear() Löschen Sie die Informationen auf der Konsole.
count() Zeichnet die Anzahl der count()-Aufrufe auf, die im Allgemeinen zum Zählen verwendet werden.
error() Fehlerinformationen an die Konsole ausgeben
group() Eine Informationsgruppe in der Konsole erstellen. Eine vollständige Informationsgruppe beginnt mit console.group() und endet mit console.groupEnd()
groupCollapsed() Erstellen Sie eine Informationsgruppe in der Konsole. Wie console.group() , aber standardmäßig minimiert.
groupEnd() Legen Sie das Ende der aktuellen Informationsgruppe fest
info() Die Konsole gibt eine Nachricht aus
log() Die Konsole gibt eine Nachricht aus
Tabelle () Daten in Tabellenform anzeigen
time() Timer beginnt mit der Zeitzählung und wird in Verbindung mit timeEnd() verwendet, um die genaue Zeit zu berechnen, die für einen Vorgang aufgewendet wurde.
timeEnd() Zeit endet
trace() Zeigt den Aufrufpfad des aktuell ausgeführten Codes im Stapel an.
warn() Warninformationen ausgeben, mit einem gelben Dreieck vor den Informationen, um die Warnung anzuzeigen

CSSStyleDeclaration-Objekt. Methode

MethodeBeschreibunggetPropertyPriority ( )Gibt zurück, ob für die angegebene CSS-Eigenschaft das Attribut „wichtig!“ festgelegt ist. getPropertyValue()Gibt den angegebenen CSS-Eigenschaftswert zurück. item()Gibt den CSS-Eigenschaftsnamen in der CSS-Deklaration nach Index zurück. removeProperty() Entfernt eine CSS-Eigenschaft aus einer CSS-Deklaration. setProperty()CSS-Eigenschaften im CSS-Deklarationsblock erstellen oder ändern. Methoden des HTMLCollection-Objekts


Methode Descriptionitem()Gibt das Element am angegebenen Index in der HTMLCollection zurück. namedItem()Gibt das Element in der HTMLCollection mit der angegebenen ID oder dem angegebenen Namensattribut zurück. 【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene

Das obige ist der detaillierte Inhalt vonWas sind die Javascript-Dom-Methoden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage