【Miaov】JS2-for应用
2015-10-21 17:54
363 查看
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
获取元素的第一种方法根据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
相关文章推荐
- JavaScript中Boolean对象的属性解析
- GeoJSON格式规范说明
- 深入解析JavaScript中的数字对象与字符串对象
- Jsp页面遍历后台传过来的List
- Js作用域与作用域链详解
- 最好用的JS时间date操作类(时间格式化、加减日、月、年、操作)
- jsnew关键字
- js基础 - 兼容代码
- jsoncpp fatal error C1083: 无法打开编译器生成的文件 No such file or
- jsp 乱码 编码
- JavaScript小结
- JS 实用函数 insertAfter和addLoadEvent 记录
- 打印js插件
- JavaScript中JSON使用
- 在Javascript中什么是伪数组?如何将伪数组转化为标准数组?
- 如何实现JS_MD5加密
- 解开神秘面纱之“AngualrJS 中指令相关的嵌入作用域和模板作用域”
- JavaScript完成简单的对联广告
- fullpage.js与fullpage详解
- ajax发送json格式数据到后台(输入流content)