HTML5技术

JavaScript的文档对象模型DOM - SXT明辉

字号+ 作者:H5之家 来源:H5之家 2017-12-15 08:03 我要评论( )

JavaScript的文档对象模型DOM 小伙伴们之前我们讲过很多JavaScript的很多知识点,可以点击回顾一下: 《JavaScript大厦之JS运算符》; 《JavaScript工作原理:内存管理 + 如何处理4个常见的内存泄露》; 《js 大厦之JavaScript事件》; 《JavaScript定义函数

JavaScript的文档对象模型DOM

小伙伴们之前我们讲过很多JavaScript的很多知识点,可以点击回顾一下:
《JavaScript大厦之JS运算符》;
《JavaScript工作原理:内存管理 + 如何处理4个常见的内存泄露》;
《js 大厦之JavaScript事件》;
《JavaScript定义函数的几种方式》;
《JavaScript工作体系中不可或缺的函数》;
以及本文最接近的《细说JavaScript BOM》,这次本文要给大家介绍JavaScript的DOM

DOM:document object model 文档对象模型


通过 HTML DOM,可访问 JavaScript HTML 文档的所有元素。通俗点,DOM就是我们写的HTML元素被加载到网页后被转化成一个一个的对象,我们称为DOM对象,通过操作这些DOM对象,实际上就是操作我们的HTML元素,进而改变我们网页的内容和样式等。

原始的html 文档


 
浏览器中的文档源码

 
 
浏览器加工展示

 
 
通过DOM对象,将状态反应到html文档,影响浏览器的展示


 
其实DOM对象就是html文档中元素的抽象,抽象出的对象提供许多属性和方法来操作这些元素,即我们说的编程接口。现实中我们都通过DOM对象操作html页面。

posted @

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • javascript中五句话 - ouruixi

    javascript中五句话 - ouruixi

    2017-12-15 08:03

  • web前端vertical-align的作用及对象详解 - SXT明辉

    web前端vertical-align的作用及对象详解 - SXT明辉

    2017-11-17 16:03

  • 使用原生JavaScript的Canvas实现拖拽式图形绘制,支持画笔、线条、箭头、三角形、矩形、平行四边形、梯形以及多

    使用原生JavaScript的Canvas实现拖拽式图形绘制,支持画笔、线条、箭

    2017-11-09 16:05

  • JavaScript面向对象(OOP) - 姐姐jy

    JavaScript面向对象(OOP) - 姐姐jy

    2017-10-15 08:12

网友点评