DOM教程笔记，常用API

最新推荐文章于 2024-09-29 16:00:34 发布

eshineLau

最新推荐文章于 2024-09-29 16:00:34 发布

阅读量706

点赞数 15

文章标签：笔记

本文链接：https://blog.csdn.net/u010564801/article/details/137277617

版权

这篇博客详细介绍了DOM的基本概念，包括DOM Tree的构建和节点对象的属性。讲解了节点之间的父子关系和兄弟关系，并阐述了如何查找、修改元素内容的方法。重点讨论了按ID、Name、Tag、Class等属性查找元素的API，以及innerHTML属性的使用注意事项。此外，还提及了遍历DOM树的不同方式，包括NodeIterator和TreeWalker。最后，提到了事件处理函数中的`this`参数和HTMLDOM的相关知识。

摘要由CSDN通过智能技术生成

DOM
DHTML:动态HTML。一系列实现网页动态效果技术的统称
DHTML=HTML+CSS+JavaScript
DHTML对象模型：7大对象
*window: 指代当前浏览器打开的窗口。何时创建：在浏览器打开窗口时创建。
*document: 指代当前正在打开的HTML文档，即网页。何时创建：网页被加载时在内存中创建。
*event:指代事件对象。何时创建：事件发生时自动创建。
navigator: 封装了浏览器软件的版本信息和部分设置
location:指代当前窗口中的地址栏
history: 封装当前浏览器成功浏览过的网址的历史记录栈
screen:指代当前显示器，封装显示器现在的分辨率
1、DOM：document object model
什么是DOM：是以树形结构操作网页内容的API。网页中一切内容都是节点(Node)对象,组成了DOM Tree,
DOM可以对网页中的任何内容做任何想要的修改（增删改查）。
2、DOM Tree：网页加载时，在内存中生成一棵树。树的根节点是document。
网页中的一切元素，文本，属性，所有内容都是节点对象。
document继承关系：document对象–>HTMLDocument类型的原型–> Document原型 -> Node
可以在控制台输入document.__proto__查询。Document的原型中提供了document对象可用的API
3、节点对象：
所有节点对象都继承自一个父对象Node.prototype
如：body对象–>HTMLBodyElement–>HTMLElement–>Element–>Node
table对