H5 の一般的なインターフェイスの詳細な紹介

今回はH5のユニバーサルインターフェイスについて詳しく紹介します。H5のユニバーサルインターフェイスの使い方は？ H5 の一般的なインターフェイスの 注意事項 は何ですか? ここで実際のケースを見てみましょう。

最初にいくつかの基本的な型について説明しましょう: DOMString、boolean、long、unsigned long、double、

NaN (Not-a-Number)。

DOMString は、実際には他の一般的に使用される言語の文字列です。 HTML5 では、URL、Dom コンテンツなどを表すために使用されます。その他 boolean (Boolean)、long (long integer)、unsigned long (unsigned long integer)、double (浮動小数点数) これについては詳しく説明する必要はなく、誰もが理解できると思います。 NaN については、ほとんどの JS ベテランがその意味 (無限大または非数値) を知っていると思います。

未定義とnullは公式ドキュメントでは紹介されていません。理由については、専門家が答えてくれることを願っています~~

2. コレクションタイプには、HTMLCollection、HTMLAllCollection、

HTMLFormControlsCollection、HTMLOptionsCollection、および

HTMLPropertiesCollectionが含まれます。

HTMLCollection は汎用コレクションであり、

length、item、namedItem の 3 つの属性を提供します。

length はコレクションの長さです。

item(index) は、インデックス値を使用してコレクション内の要素を取得できます。

namedItem(name) は名前で要素を取得できます。

実際、 collection[index]、collection(index) または collection

[name]、collection(name) を直接使用して、コレクション内の要素を取得することもできます。

HTMLAllCollection は、次の属性を含む HTMLCollection インターフェースを継承します:

length 属性と item 属性は HTMLCollection と同じです。

namedItem(name) と HTMLCollection の違いは、コレクションを返す可能性があることです。

tags(tagname) は、タグ名のコレクションを返します。

同様に、 collection[index]、collection(index) または collection

[name]、collection(name) を直接使用して、値が複数の要素と一致する場合、

HTMLAllCollection が返されます。戻ってきた。

HTMLFormControlsCollection は、フォームとフィールドセットを要素として持つコレクションです。

HTMLCollection インターフェースからも継承されます。

HTMLCollection のすべてのプロパティがあり、さらに RadioNodeList インターフェースが追加されています。 NodeList を継承します。

実際、RadioNodeList は定義上、ラジオボタンのコレクションです。私は、このようなリストを HTMLFormControlsCollection に配置する目的についてもっと興味があります。

HTMLOptionsCollection は、HTMLCollection インターフェースから継承されたオプションのコレクションであり、通常、select タグの子要素を操作するために使用されます。

HTMLOptionsCollection の固有の属性は次のとおりです: add (option)、remove (index)、selectedIndex

add メソッドには 2 つの

オーバーロードがあります

void add(in HTMLElement element, inOptional HTMLElement

before

);void add (in HTMLElement)要素、ずっと前);

最初のパラメータは要素を追加するために必要で、次のパラメータはオプションです

remove(index) 要素をインデックス削除
します。

selectedIndex 誰でも理解できると思います。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 関連書籍:

ブートストラップでテーブルの合計数を数える方法

JS を使用してアイコンの非表示と表示を同時に切り替える方法

vue.js todolist の実装方法

以上がH5 の一般的なインターフェイスの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。