本文共 895 字，大约阅读时间需要 2 分钟。
一、HTML DOM 介绍：
HTML DOM 是 W3C（万维网联盟）制定的关于HTML的标准。
HTML DOM（ Document Object Model ）， 即文档对象模型
HTML DOM 定义了访问和操作 HTML 文档的标准方法(接口)
HTML DOM 以树状结构表达 HTML。
二、HTML DOM 树：
三、HTML DOM 节点：
在HTML DOM中，所有事物都是节点，整个HTML就是以节点构建的一个DOM树。
整个 HTML 文档是一个文档节点
每个 HTML 元素是元素节点
每个 HTML 元素内的文本是文本节点
每个 HTML 属性是属性节点
注释是注释节点
1.HTML DOM 节点层级关系：
HTML DOM树中的节点彼此拥有层级关系
根结点：最顶端结点称为根结点，其没有父节点，如：<html>
父节点：其可以拥有子节点，如：<head>
子节点：父节点下一级的节点
同胞节点：拥有相同父节点的同级节点，如：<head>和<body>
<html>是根节点，没有父节点;
<html>有两个子节点<head>和<body>;
<head>有两个子节点<meta>和<title>;
<body>有两个子节点<h2>和<p>;
<head>和<body>拥有相同的父节点<html>,是同级节点;
<h2>是<body>的首个子节点。
四、JavaScript 访问 DOM 元素：
document.getElementById() 方法
document.getElementsByName() 方法--以数组形式返回获取的所有元素
document.getElementsByTagName() 方法
document.getElementsByClassName() 方法
五、JavaScript 修改 DOM 元素：
利用 JavaScript 可以修改以下 DOM 信息--
修改 HTML 元素内容；
修改 CSS 样式；
修改 HTML 元素属性；
增加或删除 HTML 元素。
代码的话大家下去可以自己照着敲一敲，体会一下。
转载地址：https://blog.csdn.net/YYYYH520/article/details/117729807 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！
发表评论
最新留言
关于作者
