📅 最后修改于: 2023-12-03 15:01:14.187000 🧑 作者: Mango
HTML 是一种标记语言，用于创建网页。它由一系列的元素（标签）组成，通过这些元素可以定义网页的结构、样式和行为。在 HTML 中，标签是用尖括号（< 和 >）包裹起来的，标签的名称和属性可以用于描述元素的含义和特性。HTML 通过输入标签和属性来实现网页的布局和显示，主要与页面的渲染相关。
HTML 页面由一系列标签组成，标签可以用来定义元素和特性。常用的标签包括：
<html>：定义 HTML 文档，并描述它的根元素<head>：用于定义 HTML 文档的头部区域，包含页面的元数据信息<body>：用于定义 HTML 文档的正文区域，所有的可见内容都在该标签内<div>：用于定义文档中的一个分区或节<p>：用于定义一个段落<img>：用于在网页上显示图像<a>：用于定义一个超链接<form>：用于定义一个表单在 HTML 中，标签可以有一个或多个属性，用于描述该标签的特性和行为。常用的属性包括：
id：用于定义元素的唯一标识符class：定义元素的类名，用于样式控制style：用于定义元素的样式name：用于定义元素的名称，主要用于表单提交时的数据传输JavaScript 中的 DOM（文档对象模型）是 HTML 页面的编程接口，它是一种树状结构，可以通过 JavaScript 进行访问和操作，包括新增元素、修改元素和删除元素等操作。与 HTML 相比，DOM 更多地与页面的交互相关。
在 DOM 中，可以使用以下方法获取页面中的元素：
getElementById(id)：根据元素的 id 属性获取元素getElementsByClassName(class)：根据元素的 class 属性获取元素getElementsByTagName(tag)：根据元素的标签名称获取元素querySelector(selector)：根据 CSS 选择器获取元素querySelectorAll(selector)：根据 CSS 选择器获取所有符合条件的元素在 DOM 中，可以使用以下方法修改页面中的元素：
innerHTML：用于获取或设置元素的 HTML 内容。例如：document.getElementById("demo").innerHTML = "Hello World!";innerText/textContent：用于获取或设置元素的文本内容。例如：document.getElementById("demo").innerText = "Hello World!";setAttribute(name, value)：用于设置元素的属性。例如：document.getElementById("demo").setAttribute("class", "new-class");removeAttribute(name)：用于删除元素的属性。例如：document.getElementById("demo").removeAttribute("class");以上是 HTML 和 DOM 输入的基础介绍，程序员可以深入学习和掌握它们，用于构建优秀的网页和用户界面。