Element
Element
在HTML DOM中，元素对象代表着一个HTML元素。
Element表示XML或HTML元素，对外暴露出访问元素标签名、子节点和属性的能力。
HTML元素
所有HTML元素都通过HTMLEelement类型表示，包括其直接实例和间接实例。HTMLElement直接继承Element并增加了一些属性。每个属性都对应下列属性之一，它们是所有HTML元素上都有的直接标准。
- id，元素在文档中的唯一标识符；
- title，包含元素的额外信息，通常以提示条形式展示；
- lang，元素内容的语言代码；
- dir，语言的书写方向；
- className，相当于class属性，用于指定元素的CSS类（因为class是ECMAScript关键字，所以不能直接用这个名字）。 相关示例：
<div id="myDiv" class="bd" title="Body text" lang="en" dir="ltr"></div>
let div=document.getElementById("myDiv");
console.log(div.id);
console.log(div.className);
console.log(div.title);
console.log(div.lang);
console.log(div.dir);
HTML元素及其类型
| 元素 | 类型 |
|---|---|
| a | HTMLAnchorElement |
| abbr | HTMLElement |
| acronym | HTMLElement |
| address | HTMLElement |
| applet | HTMLAppletElement |
| area | HTMLAreaElement |
| b | HTMLElement |
| base | HTMLBaseElement |
| basefont | HTMLBaseFontElement |
| bdo | HTMLElement |
| big | HTMLElement |
| blockquote | HTMLQuoteElement |
| body | HTMLBodyElement |
| br | HTMLBreElement |
| button | HTMLButtonElement |
| caption | HTMLTableCaptionElement |
| center | HTMLElement |
| cite | HTMLElement |
| code | HTMLElement |
| col | HTMLTableColElement |
| colgroup | HTMLTableColElement |
| dd | HTMLElement |
| del | HTMLModElement |
| dfn | HTMLElement |
| dir | HTMLDirectoryElement |
| div | HTMLDivElement |
| dl | HTMLDListElement |
| dt | HTMLElement |
| em | HTMLElement |
| fieldset | HTMLFieldSetElement |
| font | HTMLFontElement |
| frame | HTMLFrameElement |
| frameset | HTMLFrameSetElement |
| H1 | HTMLHeadingElement |
| H2 | HTMLHeadingElement |
| H3 | HTMLHeadingElement |
| H4 | HTMLHeadingElement |
| H5 | HTMLHeadingElement |
| H6 | HTMLHeadingElement |
| head | HTMLHeadElement |
| hr | HTMLHRElement |
| html | HTMLHtmlElement |
| I | HTMLElement |
| iframe | HTMLIFrameElement |
| img | HTMLImageElement |
| input | HTMLInputElement |
| ins | HTMLModElement |
| isindex | HTMLIsIndexElement |
| kbd | HTMLElement |
| label | HTMLLabelElement |
| legend | HTMLLegendElement |
| li | HTMLLIElement |
| link | HTMLLinkElement |
| map | HTMLMapElement |
| menu | HTMLMenuElement |
| meta | HTMLMetaElement |
| noframes | HTMLElement |
| noscript | HTMLElement |
| object | HTMLObjectElement |
| ol | HTMLOListElement |
| optgroup | HTMLOptGroupElement |
| option | HTMLOptionElement |
| p | HTMLParagrahElement |
| param | HTMLParamElement |
| pre | HTMLPreElement |
| q | HTMLQuoteElement |
| s | HTMLElement |
| samp | HTMLElement |
| script | HTMLScriptElement |
| select | HTMLSelectElement |
| small | HTMLElement |
| span | HTMLElement |
| strike | HTMLElement |
| strong | HTMLElement |
| style | HTMLStyleElement |
| sub | HTMLElement |
| sup | HTMLElement |
| table | HTMLTableElement |
| tbody | HTMLTableSelectionElement |
| td | HTMLTableCellElement |
| textarea | HTMLTextAreaElement |
| tfoot | HTMLTableSelectionElement |
| th | HTMLTableCellElement |
| thead | HTMLTableSectionElement |
| title | HTMLTitleElement |
| tr | HTMLTableRowElement |
| tt | HTMLElement |
| u | HTMLElement |
| ul | HTMLUListElement |
| var | HTMLElement |
属性
每个元素都有零个或多个属性，通常用于为元素或其内容附加更多信息。
与属性相关的DOM方法主要有：getAttribute()、setAttribute()和removeAttribute()。这些方法主要用于操纵属性。