HTML5学習ノート簡潔版(11): 新しいAPI

HTMLDocument の拡張

HTML5 は、DOM レベル 2 HTML の一部の HTMLDocument インターフェイスを拡張します。これらのインターフェイスは、Document インターフェイスを実装するすべての要素オブジェクトに実装されます。 HTML5 にはいくつかの新しいメンバーも追加されています:

getElementsByClassName(): クラス クラスを使用して要素を取得します。このメソッドは、クラス パラメーター (クラス パラメーターに一致する) を持つ要素と Document オブジェクトをクエリするために使用できます。例: SVG と MathML)。

innerHTML: HTML/XML ドキュメントを解析してシリアル化する方法。この属性は以前のバージョンのブラウザーでは HTMLElement のみをサポートしていましたが、現在は HTMLDocument をサポートしていません。

activeElement と hasFocus: どの要素が現在のフォーカス要素であるか、およびドキュメントに独自のフォーカスがあるかどうかを宣言します。

HTMLElement の拡張機能

HTML5 では、HTMLElement インターフェイスにいくつかの拡張機能が追加されました。

getElementsByClassName(): これは、HTMLDocument の同じ名前の拡張機能と同等ですが、スコープが異なります。

innerHTML: 現在、ほとんどのブラウザーがこれをサポートしています (XML コンテンツを含む)。

classList: className のアクセサーです。このオブジェクトは、要素のクラスを操作するための (contains()、add()、remove()、および toggle()) メソッドを提供します。 要素 a、area、link にも、rel 属性を操作するための同じ機能を提供する同様の属性アクセサー relList があります。

上記は HTML5 学習ノート (11) の簡潔版です: 新しい API の内容 詳細については、PHP 中国語 Web サイト (m.sbmmt.com) に注目してください。