DOM自学第一天总结

JavaScript分三个部分

1.ECMAScript标准------js的基础语法
2.DOM：Document Object Model 文档对象模型
3.BOM:浏览器对象模型

DOM的作用：操作页面元素

DOM树：把HTML页面或者xml文件看成是一个文档，文档就是一个对象，这个文档中的所有的标签都是元素，元素又可以看成是对象，再加上他们之间嵌套的关系，组成的这种层次结构，模拟成的树形结构图，就是DOM树

获取元素的两种方式：

1.根据id从整个文档获取元素----->返回的是一个元素对象(document.getElementById(“id属性的值”))
2.根据标签的名字获取元素----->返回的是元素对象组成的伪数组(document.getElementsByTagName(“标签的名字”))

操作基本标签的属性：src,alt,href,id,alt属性
操作表单标签的属性：name,value,disabled,readonly,selected,checked,type属性

对元素样式的操作：

1.对象.style.属性=“值”;
2.对象.className=“类名”;

为元素添加事件的操作：

事件：就是一件事，要有事件源，触发和响应

this关键字：如果在当前元素的事件中使用，那么this代表的就是当前元素对象

内置对象：系统自带的对象
自定义对象：由自己自定义构造函数创建的对象
浏览器对象
DOM对象----->通过DOM方式获取的元素得到的对象

元素：element---->页面中的标签
结点：node----->页面中的所有内容(标签，属性，文本)
根元素：html标签
页面中的顶级对象----->document