There is an HTMLDocument interface in DOM Level 2, which inherits from the Document interface and provides an access interface to elements within the document (limited to the HTML category only). HTML5 moves these members into the Document interface and extends it in specific directions. Since all types of documents (Annotation: XML, HTML5, SVG, etc.) use the Document interface, and elements within the HTML5 category are available in all types of documents, these interfaces can work well in documents such as SVG. operation.
In addition, the Document interface has some new members:
location, lastModified and readyState: used to help manage the metadata of the document
dir, head, embeds, plugins, scripts: used to obtain the differences in the DOM tree Part of the
activeElement and hasFocus interfaces are used to determine whether an element has gained focus.
All IDL event handling properties. In addition, onreadystatechange is the only interface that is valid on Document. The part of the script that modifies the HTMLDocument prototype can still run normally, because window.HTMLDocument will also return the Document interface.
HTMLElement extension
HTMLElement interface has also been extended in HTML5:
Interface dataset for getting data-* attributes
click(), focus(), blur() interfaces allow scripts to simulate user clicks and switching Focus
accessKeyLabel gives UA the shortcut key assigned to the element. Developers can influence the behavior of UA through the accesskey attribute
isContentEditable returns whether the element can be edited
All IDL event processing attributes
Interfaces for getting element attributes such as translate, hidden, tabIndex, accessKey, contentEditable, spellcheck, style (Annotation: DOM Level 2 only recommends using setAttribute and getAttribute on the Element interface to get or set HTML Attribute. These definitions of HTML5 extend the scope of HTML Attribute, allowing them to be like DOM Property is the same as set and get - UA has long been widely supported)
Some interfaces previously defined on HTMLElement have been moved to the Element interface: id, className, classList, getElementsByClassName() (Annotation: Extended the Element interface definition on DOM Level 2 , you can directly set/get attribute values such as id - UA has long been widely supported)
Other interface expansion
Other interfaces in DOM Level 2 have also been expanded.
In addition:
HTMLLinkElement and HTMLStyleElement implement the LinkStyle interface in CSSOM
HTMLAnchorElement, HTMLLinkElement and HTMLAreaElement implement the URLUtils interface
Deprecated interface
Attributes that have been deprecated in HTML5, their corresponding IDL attribute interface will also be discarded. If bgColor has been abandoned, then the IDL attribute interface bgcolor on HTMLBodyElement has also been abandoned. For elements that have been abandoned in HTML5, their corresponding interfaces have also been abandoned, including HTMLAppletElement, HTMLFrameSetElement, HTMLFrameElement, HTMLDirectoryElement and HTMLFontElement, HTMLBaseFontElement
Since the HTML parser replaced isindex with other elements, the HTMLIsIndexElement interface was abandoned. Some member attributes were moved from the HTMLDocument interface to the Document interface, so they were abandoned under the original HTMLDocument: anchors and applets.
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
