WebAPI个人学习心得
1、API简介
2、DOM
3、获取页面元素
3.1 根据id获取元素
通过document来获取
是这个对象真实类型
3.2 获取对应标签的元素
获取id为container下的所有div标签:
3.3 其他方式
4、属性操作和注册事件
事件源
一般来说,页面标签的属性在对象中是都存在的。
非表单元素属性
注册事件:当点击或者是其他操作时去做什么事(监听事件产生去执行一个事)。
this
取消a标签跳转
获取到a标签元素后在点击事件中return false就可以
案例一:点击小图片显示大图片且不跳转
innerHTML和innerText
获取开始标签和结束标签之间的内容
控制台打印出对象
textContent和innerText相同,都是获取文本内容。但是兼容性不同。
获取内容时,根据是否想获取带标签的元素来决定使用哪个
设置的时候:
表单元素属性
有三个:
获取到所有input标签后它是一个数组,可以通过数组形式访问里面每个元素。
案例二:检测用户名和密码不满足就高亮显示
注意: class属性对应的DMO对象是className
这段写在JS里:
案例三:设置下拉框的随机选中
案例四:全选反选
先把定义出来
由于频繁调用所以封装成函数