DOM学习笔记1：初识DOM

最新推荐文章于 2025-07-28 16:41:30 发布

原创最新推荐文章于 2025-07-28 16:41:30 发布 · 395 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#object #html #文档

javascript 专栏收录该内容

2 篇文章

订阅专栏

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

部署运行你感兴趣的模型镜像

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>

您可能感兴趣的与本文相关的镜像