——————第一次通过写博客的方式帮助自己更好的学习,加油吧
/*2018-10.25*/
导读:本章主要介绍JavaScript针对HTMl文档元素(即DOM)和CSS属性进行的各种操作,包括利用Java Script操作DOM的统一方法完成一些页面的批量处理,以及一些动态操作,让页面更加具备动态效果,以便与用户进行更好的交互。
学习目标:
- 充分理解JavaScript在查找元素方面的应用
- 熟练运用JavaScript操作HTML文档元素,包括对元素的增添删改等操作。
- 熟练运用javascript操作css属性。
- 熟练运用JavaScript操作表格和其他重要元素
Dcument对象属性:
body //对body元素的直接访问
cookie //设置或访问与当前文档有关的所有cookie
Document对象方法:
close() //关闭doucument.open()方法打开的输出流
getElementById() //返回对拥有指定ID的第一个对象的属性
getElementsById() //通过标签查找
getElementsByClassName() //返回拥有相同css类属性值的对象集合
getElementsByName() //返回带有指定名称的对象集合
open() //打开一个 流
write() //向文档写入html表达式或javascript代码
查找DOM元素:
1.通过Id查找 -使用getElementById() 来查找一个元素并对其进行操作
2.通过标签进行查找-使用getElementsByTagName() 返回一个复数集合
3.通过Class查找-使用getElementsByClassName()返回 ,由于class属性在页面中可以重复设置,所以有可能查找到多个元素
4.通过Name查找-getElementsByName() 7