JavaScript的文档对象模型DOM

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

DOM:document object model 文档对象模型html5

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

原始的html 文档浏览器

图片描述

浏览器中的文档源码
图片描述函数

浏览器加工展现
图片描述spa

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

图片描述

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

相关文章
相关标签/搜索