1-01DOM概念基础

一、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属性的方式