常见标签对象及其原型链
HTMLHtmlElement（<html>）
原型链：HTMLHtmlElement → HTMLElement → Element → Node → EventTarget → Object
常用属性/方法：继承自HTMLElement
HTMLHeadElement（<head>）
原型链：HTMLHeadElement → HTMLElement → Element → Node → EventTarget → Object
HTMLBodyElement（<body>）
原型链：HTMLBodyElement → HTMLElement → Element → Node → EventTarget → Object
常用属性
body.bgColor（背景色，已废弃）
body.text（文本颜色，已废弃）
body.link / vlink / alink（链接颜色，已废弃）
HTMLDivElement（<div>）
原型链：HTMLDivElement → HTMLElement → Element → Node → EventTarget → Object
常用属性/方法：继承自HTMLElement
HTMLSpanElement（<span>）
原型链：HTMLSpanElement → HTMLElement → Element → Node → EventTarget → Object
HTMLParagraphElement（<p>）
原型链：HTMLParagraphElement → HTMLElement → Element → Node → EventTarget → Object
HTMLHeadingElement（<h1> - <h6>）
原型链：HTMLHeadingElement → HTMLElement → Element → Node → EventTarget → Object
HTMLAnchorElement（<a>）
原型链：HTMLAnchorElement → HTMLElement → Element → Node → EventTarget → Object
常用属性
a.href（链接地址）
a.target（打开方式）
a.download（下载属性）
a.rel（关系）
HTMLImageElement（<img>）
原型链：HTMLImageElement → HTMLElement → Element → Node → EventTarget → Object
常用属性
img.src（图像地址）
img.alt（替代文本）
img.width / height（宽高）
img.naturalWidth / naturalHeight（原始宽高）
img.complete（加载完成）
常用方法
img.decode()（异步解码图像）
HTMLInputElement（<input>）
原型链：HTMLInputElement → HTMLElement → Element → Node → EventTarget → Object
常用属性
input.type（输入类型）
input.value（值）
input.checked（复选框/单选选中状态）
input.disabled（禁用状态）
input.files（文件列表，type=file时）
input.placeholder（占位符）
input.required（必填）
常用方法
input.focus() / blur()（焦点控制）
input.select()（选中文本）
input.setCustomValidity()（设置自定义验证消息）
input.checkValidity()（验证有效性）
HTMLButtonElement（<button>）
原型链：HTMLButtonElement → HTMLElement → Element → Node → EventTarget → Object
常用属性
button.type（按钮类型：submit, reset, button）
button.disabled（禁用状态）
button.form（所属表单）
HTMLTextAreaElement（<textarea>）
原型链：HTMLTextAreaElement → HTMLElement → Element → Node → EventTarget → Object
常用属性
textarea.value（值）
textarea.rows / cols（行数列数）
textarea.placeholder（占位符）
textarea.wrap（换行方式）
常用方法
textarea.focus() / blur()
textarea.select()
HTMLSelectElement（<select>）
原型链：HTMLSelectElement → HTMLElement → Element → Node → EventTarget → Object
常用属性
select.value（选中项的值）
select.selectedIndex（选中项索引）
select.options（选项集合）
select.multiple（是否多选）
常用方法
select.add()（添加选项）
select.remove()（移除选项）
HTMLFormElement（<form>）
原型链：HTMLFormElement → HTMLElement → Element → Node → EventTarget → Object
常用属性
form.action（提交地址）
form.method（提交方法）
form.elements（表单元素集合）
form.length（元素数量）
常用方法
form.submit()（提交表单）
form.reset()（重置表单）
form.checkValidity()（验证表单）
HTMLTableElement（<table>）
原型链：HTMLTableElement → HTMLElement → Element → Node → EventTarget → Object
常用属性
table.caption（标题引用）
table.tHead / tFoot / tBodies（表头/表尾/表体）
table.rows（行集合）
常用方法
table.createTHead() / createTFoot() / createCaption()
table.deleteTHead() / deleteTFoot() / deleteCaption()
table.insertRow() / deleteRow()
HTMLTableCellElement（<td> / <th>）
原型链：HTMLTableCellElement → HTMLElement → Element → Node → EventTarget → Object
常用属性
cell.cellIndex（单元格索引）
cell.colSpan / rowSpan（跨列/跨行）
cell.abbr（缩写，用于<th>）
HTMLElement（通用基类）
原型链：HTMLElement → Element → Node → EventTarget → Object
常用属性（部分）
element.id（元素ID）
element.className / classList（类名）
element.style（内联样式对象）
element.innerText / textContent（文本内容）
element.innerHTML / outerHTML（HTML内容）
element.dataset（自定义数据属性）
element.tabIndex（Tab键顺序）
element.title（提示文本）
element.hidden（隐藏状态）
element.offsetWidth / offsetHeight / offsetTop / offsetLeft（偏移尺寸与位置）
element.clientWidth / clientHeight / clientTop / clientLeft（客户端尺寸与边框）
element.scrollWidth / scrollHeight / scrollTop / scrollLeft（滚动尺寸与位置）
常用方法（部分）
element.focus() / blur()（焦点控制）
element.click()（模拟点击）
element.scrollIntoView()（滚动到可视区域）
element.getAttribute() / setAttribute() / removeAttribute() / hasAttribute()（属性操作）
element.querySelector() / querySelectorAll()（子元素查询）
element.remove()（从DOM中移除自身）
element.cloneNode()（克隆节点）
