DOM学习笔记1：初识DOM-优快云博客

本文链接：https://blog.youkuaiyun.com/foxmx/article/details/5606227

本文介绍了DOM（Document Object Model）的基本概念，包括节点树的概念、常见的节点类型如元素节点、属性节点和文本节点等。文章还详细解释了getElementById()、getElementsByTagName()、getAttribute()和setAttribute()等方法的用法，并通过示例代码展示了如何操作HTML文档。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

DOM-Document Object Model 文档对象模型，本期学习要点：

一份文档就是一棵节点树
节点的重要类型: 元素节点element node、属性节点 attribute node、文本节点 text node；这是最常见的三种。
getElementById()方法返回的是一个对象，即Object;
getElementsByTagName()方法返回的是一个数组，即Object的数据集合；
这些节点中每个都是一个对象Object;
getAttribute()可取得属性节点的值
setAttribute()可修改属性节点的值

学习下面示例代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>this is dom test</title> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> </head> <body> <ul id="elenote"> <li>china</li> <li>japan</li> </ul> <a id="mxhref" title="this is mx test">foxmx</a> </body> <mce:script type="text/javascript"></mce:script> </html>