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