第07天-js语言基础对象预习day05domdom入门、常用属性

播客播客前端与移动开发学院前端开发工程师、移动HTML5开发工程师、全栈开发培 播客播客前端与移动开发学院前端开发工程师、移动HTML5开发工程师、全栈开发培 PAGE2PAGE2PAGE3PAGE3DOM3ECMAScript的基本语法：变量、数据类型、数据转换、操作符、判断、循环、 ObjectModel)，又称为文档树模型。是一套操作HTML文档的APIDOMhtml文档看成了一个对象，html文档中的所有内容都封装成了一个一个的对象。因此我们DOM就是学习这些对象的属性和方法。所有的内容：、属性、文本、注释，这些都被封装成了对象htmlAPI就是工具，做不同的事情需要不同的工具（API）找对象需一套找对象的工具：钱权颜缘+ DOM：用来操作页面元素的一套API。BOM：用来操作浏览器一些行为的一套API。DOM文档 ）:DOM会把整个html文档看成一个对象，这个对象就 节点(Node)：DOM会把页面中所有的内容都看成对象，我们把这些称为节点。（节点都是对象）。元素(element)：节点通常被称为元素，因为我们一般来说操作的都是元素（元素都是节点DOM找对象（元素绑定DOMidvarvarcat .ge ementById(“cat”);DOMconsoleconsole.log(cat);//第一次是以的形式展现的，刷新后按对象的形式展现console.dir(cat);//直接以对象的形式展示出来。DOMcat.cat.src=“images/tiger.jpg”【案例：不发猫，把我当script的书写位在DOM中，script不能写到head里面，因为这个时候，页面还没有加载，会出现获取不到页面中的元素的情况，因此我们一般会把script写到<./body>的上面1.2.1三要的三要素：源、名称、处理程//现实生活中：我扇了张三一巴掌，张三哭了//现实生活中：我扇了张三一巴掌，张三哭了//事件源：我//事件名称：//事件处理：张三哭了//在DOM中，点击了//事件源：按钮(触发事件的那个对象)//事件名称：点击//处理：更换大的显示：changePic()1.2.2行内1.2.3内嵌1.2.4aa的默认行为页面跳转，returnfalse可以a的默认行为1.2.51.2.5varlinks . ementsByTagName(“a”idvarvarcat.ge ementById(“cat”);varlinks.ge ementsByTagName(“a”);//注意，这个方法返回的是多个对象的集合（伪数组//因此需要对伪数组进行遍历for(vari=0;i<links.length;i++){varlink=links[i];//对link进行操作。}varvarbox.ge ementById(“box”);boxge ementsByTagNameinput);//只会查找盒子里面的input签元素元素属性名=“属性值”；元素元素.属性名 中有的属性，DOM都会封装到元素对象中去。因此我们可以通过元素对象去设置1.4.1常用属其中className对应的就是中的class属性，因为class在JavaScript中是关键字，因此变成onmouseover:鼠标经过onmouseout:鼠标离开播客播客前端与移动开发学院