innerText 兼容性处理
1.innerText:能用就用element.innerText获取文本内容,
不能用就用 :element.innerContent
//装换为boolean类型的情况有: 0 null undefined NaN "
//innerText有可能是空字符串,所以首先得先判断是不是string类型
if (typeof element.innerText==='string'){
return element.innerText;
} else {
return element.innerContent;
}
事件
- onblur 失去焦点 //一般指input表单,鼠标移入获得焦点
onfocus 获得焦点 // 一般指input表单,鼠标移入获得焦点
案例练习
- 设置获取文本框的值(操作value属性)
- 检测用户名和密码
- 随机选中option
- 搜索文本框的提示内容
- 全选反选 (重点,难点,先做全选反选,上下联动最后做)