在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()。这些方法主要用于操纵属性。
