Web前端-JS-day06-DOM-1

1.JavaScript分三个部分

- ECMAScript标准：JS的基本语法
- DOM：Document Object Model→文档对象模型--操作页面的元素
- BOM：Browser Object Model→浏览器对象模型--操作的是浏览器

2.DOM的概念及作用

HMTL：展示信息，展示数据的
XML：侧重于存储数据
页面中的每个标签，都是一个元素（element），每个元素都可以看成是一个对象
标签可以嵌套，标签中有标签
html页面中都有一个根元素，html
元素（element）：页面中的所有标签
节点（node）：页面中所有的内容都是节点：包括标签、属性、文本
root（根）
文档＞节点>元素     ；文档（document）--html --head(meta,title)/body(div,p,a,ul,i)
DOM的作用：操作页面元素，包括获取元素、动态创建元素、对元素进行操作（设置属性或调用方法）、事件
事件（就是一件事，有触发和响应，事件源）
凡是成对的标签，中间的 文本内容，设置的时候，都是用innerText这个属性。

3.DOM案例

* 1.document.getElementById();
* 2.document.getElementByTagName();
* 3.for循环在页面加载的时候，就执行完毕了
* 4.事件是在触发的时候执行的
* 5.规律：在表单标签中，如果属性和值只有一个，并且值就是这个属性本身，例如checked="checked",selected等，那么，在写JS代码时，DOM操作时，这个属性值时布尔类型就可以了。

例：document.getElementById("btn").checked = true;
* 6.凡是CSS中这个属性是多个单词的写法，在js代码中操作DOM的时候，把-干掉，后面的单词首字母大写。
* 7.img设置宽高的两种方式：（1）width="300" height="400" （2）style.width="300px" style.height="400px"
* 8.在js代码中DOM操作的时候，设置元素的类样式，不用class关键字，应该使用className