HTML | DOM 完整参考

HTML（Hyper Text Markup Language）是一种用于创建网页的标记语言，而DOM（Document Object Model）是一种面向文档的编程接口，用于操作HTML文档。

本文将提供HTML和DOM的完整参考，以帮助程序员快速查找需要的标签和属性，以及操作DOM的方法。

HTML 标签参考

下面是常见的HTML标签列表，包括每个标签的描述和所带属性。

文本标签

<p></p>

定义段落，常用属性：class、id、style、align。

<h1></h1>~<h6></h6>

定义标题，数字越小，表示标题越大，常用属性：class、id、style。

<a></a>

定义链接，a标签必须要有href属性，常用属性：class、id、style。

<span></span>

定义文本的区段，常用属性：class、id、style。

多媒体标签

<img />

定义图像，常用属性：alt、class、id、src、style。

<video></video>

定义视频，常用属性：src、controls、width、height。

<audio></audio>

定义音频，常用属性：src、controls。

表单标签

<form></form>

定义表单，常用属性：action、method、target。

<input />

定义输入控件，常用属性：type、name、value、checked、disabled。

<select></select>

定义下拉列表，常用属性：name、size。

<textarea></textarea>

定义文本域，常用属性：name、rows、cols。

其他标签

<div></div>

定义文档中的节，常用属性：class、id、style。

<table></table>

定义表格，常用属性：border、cellspacing、cellpadding。

<ul></ul>

定义无序列表，常用属性：class、id、style。

<ol></ol>

定义有序列表，常用属性：class、id、style。

HTML 属性参考

下面是常用的HTML属性列表，包括每个属性的描述和适用标签。

全局属性

class

定义元素的类名。

id

定义元素的唯一标识。

style

定义元素的行内样式。

文本属性

accesskey

定义访问元素的快捷键。

contenteditable

定义元素是否可编辑。

title

定义元素的提示信息。

其他属性

src

定义元素的引用地址。

href

定义链接的目标地址。

target

定义链接的目标窗口。

DOM 方法参考

下面是常用的DOM方法列表，包括每个方法的描述和使用方法。

获取元素

getElementById(id)

通过元素的id获取某个元素。

getElementsByClassName(class)

通过元素的class获取一组元素。

getElementsByTagName(tag)

通过元素的标签名获取一组元素。

querySelector(selector)

通过CSS选择器获取匹配的第一个元素。

querySelectorAll(selector)

通过CSS选择器获取所有匹配的元素。

操作元素

createElement(tag)

创建一个指定标签名的元素节点。

append(node)

在某个节点的末尾添加新的节点。

insertBefore(node, before)

在某个节点的前面插入一个新的节点。

removeChild(node)

移除指定的子节点。

replaceChild(newNode, oldNode)

替换指定的子节点。

其他方法

addEventListener(event, handler)

添加事件监听器，当特定事件发生时执行指定函数。

removeEventListener(event, handler)

移除指定的事件监听器。

结语

本文提供了HTML和DOM的完整参考，包括HTML标签、属性和DOM方法。希望能对程序员们有所帮助，提高工作效率。