Detaillierte Einführung in die allgemeine Schnittstelle von H5

Dieses Mal werde ich Ihnen eine detaillierte Einführung in die universelle Schnittstelle von H5 geben. Was sind die Vorsichtsmaßnahmen der allgemeinen Benutzeroberfläche von H5? Hier ist ein praktischer Fall, werfen wir einen Blick darauf.

Lassen Sie uns zunächst über ein paar grundlegende Typen sprechen: DOMString, boolean, long, unsigned long, double,

NaN (Not-a-Number) .

DOMString ist eigentlich eine Zeichenfolge in anderen häufig verwendeten Sprachen. In HTML5 wird es zur Darstellung von URLs, Dom-Inhalten usw. verwendet. Andere Boolean (Boolean), Long (Long Integer), Unsigned Long (Unsigned Long Integer), Double (Gleitkommazahl) Ich glaube nicht, dass ich näher darauf eingehen muss, jeder kann es verstehen. Ich denke, dass die meisten JS-Veteranen die Bedeutung von NaN kennen, nämlich eine Unendlichkeit

oder einen nicht numerischen Wert.

Undefiniert und Null werden in der offiziellen Dokumentation nicht erwähnt. Ich hoffe, ein Experte kann eine Antwort geben~~

2. Zu den Sammlungstypen gehören: HTMLCollection, HTMLAllCollection,
HTMLFormControlsCollection, HTMLOptionsCollection und
HTMLPropertiesCollection.

HTMLCollection ist eine generische Sammlung und die grundlegende Schnittstelle einer Sammlung. Sie stellt drei Attribute bereit:
Länge, Element, benanntes Element

Länge ist die Länge der Sammlung.
item(index) kann den Indexwert verwenden, um das Element in der Sammlung abzurufen.
namedItem(name) kann das Element anhand seines Namens abrufen.

Tatsächlich können Sie auch direkt Sammlung[index], Sammlung(index) oder Sammlung

[Name], Sammlung(Name) verwenden, um die Elemente in der Sammlung abzurufen.

HTMLAllCollection erbt von der HTMLCollection-Schnittstelle, die die folgenden Attribute enthält:

Die Längen- und Elementattribute sind dieselben wie die von HTMLCollection.

Der Unterschied zwischen „namedItem(name)“ und „HTMLCollection“ besteht darin, dass möglicherweise eine Sammlung zurückgegeben wird.

tags(tagname) gibt eine Sammlung mit tagname zurück.

In ähnlicher Weise können Sie auch direkt Sammlung[index], Sammlung(index) oder Sammlung

[Name], Sammlung(Name) verwenden, um die Elemente in der Sammlung abzurufen, wenn der Wert übereinstimmt Mehrere Elemente Gibt eine

HTMLAllCollection zurück.

HTMLFormControlsCollection ist eine Sammlung mit Formular und Feldsatz als Elementen. Wird auch von der

HTMLCollection-Schnittstelle geerbt.

verfügt über alle Eigenschaften von HTMLCollection und fügt außerdem die RadioNodeList-Schnittstelle hinzu. Es erbt von NodeList.

Tatsächlich ist RadioNodeList per Definition eine Sammlung von Radiobuttons. Ich bin mehr neugierig auf den Zweck, eine solche Liste

in HTMLFormControlsCollection zu platzieren.

HTMLOptionsCollection ist eine Sammlung von Optionen, die von der HTMLCollection-Schnittstelle geerbt werden. Sie wird im Allgemeinen

verwendet, um die untergeordneten Elemente des Select-Tags zu manipulieren.

Die eindeutigen Attribute von HTMLOptionsCollection sind: add (Option), Remove (Index), selectedIndex

Die Add-Methode hat zwei Überladungen

void add (im HTMLElement-Element, im optionalen HTMLElement before);
void add(im HTMLElement-Element, in long before);

Der erste Parameter ist erforderlich, um ein Element hinzuzufügen, und der Die folgenden Parameter sind optional:

remove(index) Entfernt ein Element am Index .

selectedIndex Ich glaube, jeder kann es verstehen.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So zählen Sie die Anzahl der Tabellensummen im Bootstrap

So verwenden Sie JS zum Wechseln zwischen Gleichzeitiges Ausblenden und Anzeigen von Schaltersymbolen

So implementieren Sie die Aufgabenliste von vue.js

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die allgemeine Schnittstelle von H5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!