【Miaov】JS2-for应用

for应用

获取元素的第一种方法根据id名称获取

document.getElemensById("")

获取元素的第二种方法根据标签获取

document.getElementsByTagName("")------动态方法，返回元素的集合类似于数组，

获取元素的第三种方法页面只有一个元素的可以直接跟元素获取
document.body.innerHTML="abc"
document.title=123

以id元素获取方法，前面只能跟document ，只能找一个元素 ，静态方法
以标签获取怨妇方法，前面可用document也可用别的元素，  找一堆元素的集合 ，动态方法

性能问题

比如在页面添加2000个按钮；

可以先把所有按钮创造出来之后再一起添加到页面中，这样就不需要每次都与页面发生一次添加关系

 

cssText的用法--加样式--无兼容性问题

oDiv.style.cssText="width:200px;height:200px;"

cssText添加的是行间样式，不会更改事先单独设置的样式表内的样式，下一个cssText会覆盖上一个cssText的值类似于innerHTML中的重写

 

this的指向及其应用

this 指的是调用当前方法（函数）的那个对象

 

for计算元素的坐标
两个小练习

for嵌套应用
练习，用for嵌套的方法找出ul中嵌套的ul下的li元素

=========================================================

作业：

逢10往下一行：http://sandbox.runjs.cn/show/ahelkqpb
来一个小V字形:http://sandbox.runjs.cn/show/apk0i3ew

鼠标移动上去显示简介，兼容ie678:http://sandbox.runjs.cn/show/tcb6hzyn