HTML5 study notes concise version (11): new API

Extensions on HTMLDocument

HTML5 extends some HTMLDocument interfaces on DOM Level 2 HTML. These interfaces are implemented on all element objects that implement the Document interface. HTML5 has also added several new members:

getElementsByClassName(): Use the class class to obtain elements. This method can be used to query any elements and Document objects that have class attributes and have parameter values ​​that match the class. (Example: SVG and MathML).

innerHTML: A way to parse and serialize HTML/XML documents. This attribute only supported HTMLElement in previous versions of browsers and was not standardized. Now it supports HTMLDocument.

activeElement and hasFocus: Declare which element is the current focus element and whether the Document has its own focus.

Extensions on HTMLElement

In HTML5, some extensions are also added to the HTMLElement interface:

getElementsByClassName(): It is equivalent to the extension of the same name in HTMLDocument. Only the scope is different.

innerHTML: Currently supported by most browsers (including XML content).

classList: is the accessor of className. This object provides (contains(), add(), remove(), and toggle()) methods to operate the class of the element. The elements a, area and link also have a similar attribute accessor relList that provides the same functionality to operate the rel attribute.

The above is the concise version of HTML5 study notes (11): the content of the new API. For more related content, please pay attention to the PHP Chinese website (www.php.cn)!