一、DOM认知
问题:JavaScript是由几部分组成的呀?
l ECMAScript:简称【ES】,它是欧洲计算机协会,大概每年的六月中旬定制语法规范。
l DOM:全称【document object model】即为文档对象模型
l BOM:全称【browser object model】即为浏览器对象模型
1.1节点树
概述:节点即为标签。节点之间这种关系,我们称之为‘节点树’。因为很想一颗大树扎根。
DOM【document object model】:文档对象模型,你可以理解为是整个节点树最外层‘根元素’。
DOM其实就是JS语言中内置引用类型document对象,DOM对象经常用来操作节点(标签)
比如:操作节点样式、属性、文本等等。
1.2DOM属性
概述:DOM【document object model】:它在JS当中,是引用类型数据,官方给我们提供很多属性、方法进行操作。
DOM官方给我们提供很多属性、方法。用来操作节点树上面节点。
1.3DOM方法
概述:DOM对象,官方也给我们提供很多方法用来操作节点树上的标签。
getElementById:它是DOM对象方法,可以通过标签ID选择器,在JS当中获取标签。
getElementById方法:可以通过标签ID选择器获取对应节点。
一般我们将script标签放在程序最底部。
不管节点(标签)在网页中嵌套关系如何复杂。都可以通过这个方法获取到。
注意:标签(节点)在JS当中属于引用类型数据。