一、js三部分
js分为三部分:
-
ECMAScript: js基本的语法
-
DOM: Document Object Model 文档对象模型,操作界面的元素
-
BOM: Browser Object Model 浏览器对象模型,操作的是浏览器
二、js基本概念
DOM:文档对象模型
- 文档(documnet):把一个html文件看出一个文档,由于万物皆对象,所以把这个文档看成是一个对象,XML文件也可以看成一个文档
(HTML:展示信息,展示数据。 XML:侧重于存储数据) - 对象:html文件这个文档看成一个对象,文档中的所有标签都可以看成一个对象 --------》所有标签
- 元素:每个页面中的每个标签都是一个元素(element) 每个元素都可以看成一个对象 ---------》标签等于元素
- 标签中可以嵌套,标签中有标签,元素中有元素
----------》标签(元素)可以嵌套 - 根元素:html页面中都有一个根标签–html ------》也叫根元素 ----------》html根标签也叫根元素 页面中的有一个根元素(根标签–html),里面有很多元素(有很多标签,对象)
- 元素(element):页面中所有标签都是元素,每个元素都是一个对象 -------》标签
- 节点(node):页面中所有的内容都是节点:标签,属性,文本 ----------》所有内容
- root:根
三、js初次体验
-
1、获取标签元素
var btn=document.getElementById(“btn”) //id选择器
var btn=document.getElementBy -
2、innerText和innerHTML
innerText:凡是成对的标签,都用innarText属性的方式