JavaScriptDOM编程艺术学习笔记

最新推荐文章于 2025-08-22 11:32:18 发布

sunnana

最新推荐文章于 2025-08-22 11:32:18 发布

阅读量119

点赞数

CC 4.0 BY-SA版权

分类专栏： jQuery 文章标签： javascript 人工智能 ViewUI

本文链接：https://blog.youkuaiyun.com/sunnana/article/details/84602176

jQuery 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了DOM（文档对象模型）的概念及使用方法，包括对象的种类、节点类型、获取DOM元素的方法如getDocumentById()和getElementsByTagName()，以及节点的属性如childNodes、nodeType和nodeValue等。

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

[b]3.DOM[/b]
3.1javascript中对象的种类
1.用户定义的对象：程序员自行创建的
2.内建对象：内建在javascript语言中的，例如Array、Date等
3.宿主对象：浏览器提供的对象
（1）Window对象是最基础的宿主对象，对应浏览器窗口本身，其属性和方法统称为BOM。

3.2节点
1.元素节点：p，li等
2.文本节点：包含在元素节点内部的文本


！--其中的汉字就是文本节点--
<p>这就是文本节点</p>

3.属性节点：


！--其中的汉字就是文本节点--
<p title=“这是属性节点”>这就是文本节点</p>

3.3getDocumentById()返回一个对象
3.4getElementsByTagName()返回对象数组
3.5setAttitude()和getAttribute()
都只能通过一个元素节点来调用

<b>4.美术馆之巅</b>
管他啥之巅呢，我们只关注自己还没明了的部分。
4.1childNodes
任何一个元素的所有孩子，包括元素节点、属性节点、文本节点等等，甚至连空格都是一个节点。
4.2nodeType
哎，前面的那位关系这么混乱，总要有人出来分分类哇，那就是nodeType方法啦~
然而nodeType的返回值是数值型，共12种返回值，元素节点(1),文本节点(3),属性节点(2)。
4.3nodeValue