DOM树和DOM对象

一、DOM树和DOM对象的概念

1.首先区分一下DOM(文档对象类型)和BOM(浏览器对象类型),JavaScript可分为ECMAScript和Web APIS,而Web APIs又可分为DOM和BOM。DOM主要使用js去控制html,而BOM是使用js去控制浏览器。

                DOM树和DOM对象_第1张图片

2.DOM树的概念

DOM树和DOM对象_第2张图片

DOM树和DOM对象_第3张图片

 

 3.DOM对象

                DOM树和DOM对象_第4张图片

 二、DOM对象的获取

1.通过CSS 选择器获取  (document.querySelector('div'))


   



    
123
abc
选择器    用法
id选择器                     #idname
类选择器                     .calssname
标签选择器                      div,h1,p

2.通过js语法获取DOM对象(页面中标签元素)

                                document.getElementById
                                document.getElementsByName
                                document.getElementsByTagName

三、JavaScript DOM知识思维导图

DOM树和DOM对象_第5张图片

 

 

 

 

你可能感兴趣的:(前端,javascript,html)