首页 > 编程语言 >什么是DOM?(JavaScript DOM是什么?)

什么是DOM?(JavaScript DOM是什么?)

时间:2024-01-19 21:27:16浏览次数:26  
标签:浏览器 DOM 对象 什么 JavaScript HTML 文档 document

1、DOM简洁

DOM是js中最重要的一部分,没有DOM就不会通过js实现和用户之间的交互。
window是最大的浏览器对象,在它的下面还有很多子对象,我们要学习的DOM就是window对象下面的document对象
DOM(Document Object Model)是由W3C指定的用于访问诸如XML和HTML等结构化文档的标准

W3C DOM标准被分为三个不同的部分:

  • 核心DOM:针对任何结构化文档的标准模型

  • XML DOM:针对XML文档的标准模型

  • HTML DOM:针对HTML文档的标准模型

    DOM的设计是以对象管理组织(OMG)的规约为基础的,可以用于任何编程语言,DOM以基于对象的方式来描述整个文档,让我们可以很方便的操作整个文档,包括:文档内容的添加、修改、隐藏、显示,对HTML央视的添加和替换等。

    // 例子

    知数SEO_专注搜索引擎优化和品牌推广

2、DOM中的D是什么

DOM中的D指的是document(文档),在我们进行的web开发中指的就是HTML文档。我们向服务器请求页面,服务器返回的就是一个HTML文档,在浏览器收到HTML文档后会把这个文档处理成一个document对象,然后显示在浏览器中,如果其中有js代码则会被一一顺序执行显示出相应的动态效果

3、DOM中的O是什么

DOM中的O指的是object对象,服务器返回HTML文档之后欧浏览器会把HTML文档解析成DOMN对象,放入到内存中,再从内存中取出这个document对象显示在浏览器中。
正是由于浏览器把服务器返回的HTML文档转换成document对象并存储与内存中,js才可以操作这些标签元素,呈现出不同的动态效果。

4、DOM中的M是什么

DOM中的M指的是Model,就是模型的意思,就是浏览器在把HTML文档处理成document对象时所使用的组织形式,也可以说documeng对象是一种表现形式。
DOM在组织HTML文档的时候以树状形式实现的。在收到服务器返回的HTML文档之后,DOM会把这个HTML文档以家谱树的形式组织起来并存储到内存中,在显示到浏览器中供用户查看。
家谱树本身就是一种模型,使用父(parent)、子(child)、兄弟(sibling)等记号表示之间的关系,最大的优点就是可以把复杂的方式简单化

像这样大家一看就明白标签是树的根,代表整个HTML文档,在它下面和标签是并列的兄弟关系,在标签中有和标签。像这样再复杂的文档也能一层层的表示出来,而且标签元素所在的位置也非常容易描述,这就是树状结构模型所带来的好处。</p>

标签:浏览器,DOM,对象,什么,JavaScript,HTML,文档,document
From: https://www.cnblogs.com/zhishunet/p/17975637

相关文章

  • 细说JavaScript BOM之HTML5新特性
    1、applicationCache对象什么是ApplicationCache呢?HTML5引入了应用程序缓存技术,意味着Web应用可进行缓存,并在没有网络的情况下使用,通过创建cachemanifest文件,可以轻松的创建离线应用。ApplicationCache带来的优势:1.离线浏览2、提升页面载入速度3、降低服务器压力需要......
  • 细说JavaScript BOM之window常用子对象
    一、locationlocation翻译过来就是位置的意思,打开浏览器窗口大家可以看到导航栏上有一个URL地址。//例如https://www.zhishunet.com//分心可知,它使用的网络协议是https服务器名称是www,zhishunet.comlocation常用对象属性属性描述search设置或返回从问好(?......
  • JavaScript DOM可以做什么?
    1、通过id获取标签元素DOM是文档对象模型,它提供了一些属性和方法来方便我们操作document对象,比如getElementById()方法可以通过某个标签元素的id来获取这个标签元素//用法window.document.getElementById('id');//例子<!DOCTYPEhtml><html><head><metacharset="U......
  • riscv linker relaxations 是什么
    什么是linkerrelaxations由于链接时携带一些符号地址信息,可以执行一些编译时难以或者不大可能实现的优化。LinkerRelaxtion与传统编译时期的优化是不一样的,此优化发生在链接时。通常情况下,在链接时,改变代码的执行序列是有风险的,因为语义信息此时会丢失,链接器看到也仅是字节流......
  • 吃什么保肝护肝
    吃什么保肝护肝为了保肝护肝,可以多吃以下几类食物:1、富含蛋白质的食物:豆制品类、鱼类、海鲜类等食物富含蛋白质,对肝脏有很好的修复作用。2、富含维生素的食物:新鲜的瓜果蔬菜,还有葵花籽、油菜籽、蜂蜜、坚果等,可促进肝脏细胞增殖,起到护肝的作用。柑橘类水果、西红柿以及鲜枣等也......
  • 什么是后仿?
    查了一圈发现网上对postnetlistsimulation介绍的比较少,今天和大家聊聊postnetlistsimulation。 首先什么是postnetlistsimulation(后面简称postsim)? Netlistsimulation有些公司也叫gatelevelsimulation,是指将RTL综合后的网表用与仿真的过程。Postnetlist......
  • IC验证中$test$plusargs(),$value$plusargs()怎么用?有什么坑?
    各位朋友,在SystemVerilog中有两个函数作用很大,他们是:$test$plusargs(string)$value$plusargs(user_string,variable) 01 怎么用?相信从这首诗中大家已经很清楚的知道这两个函数什么作用了!没错!我们在仿真运行过程中可以“+”很多的命令字符串,而这两个函数就是与这些......
  • 软件测试 | 拒绝上市公司的 Offer,选择自己喜爱的行业,这么从容不迫他凭什么?
    霍格沃兹的测试管理班是专门面向测试与质量管理人员的一门课程,通过提升从业人员的团队管理、项目管理、绩效管理、沟通管理等方面的能力,使测试管理人员可以更好的带领团队、项目以及公司获得更快的成长。提供1v1私教指导,BAT级别的测试管理大咖量身打造职业规划。我是深圳线下1期......
  • 关于多跳通信和单跳通信两种方式有什么区别
    多跳通信和单跳通信是两种不同的通信方式,它们的区别主要在于数据传输过程中涉及的中间节点数量。多跳通信是一种特殊的传输模式,信息的传输是通过链路上的多个节点转发完成的。在多跳通信中,每个节点都可以发送和接收信号,每个节点都可以与一个或多个对等节点进行直接通信。多跳通信......
  • 什么是 repo
    问题: 下载imx8mm的android的源码,但是发现自己不会。 网上的截图:              剩下的就不重要了。 ......