js学习第三天

1.DOM简介

2.获取元素
1.getElemenByld(‘id名’)根据id名选择元素
2.getElemenByTagName(’'标签名)根据标签名获得某些元素
3.getElemenByClassName(‘类名’) 根据类名获得某些元素集合
4.querySelector(‘选择器’) 返回指定选择器的第一个元素对象
5.querySelectorAll(‘选择器’)
注意：选择器需要加符号（. #）
6.获取body元素 document.body
7.获取html元素 document.documentElement
3.事件三要素
1.三要素：事件源（事件被触发的对象）、事件类型（鼠标点击、 鼠标经过或键盘按下）、事件处理程序（函数赋值完成）
执行事件步骤：1.获取事件源 2.绑定事件 注册事件 3.添加事件处理程序
4.获取信息
1.innerText 获取标签所包含的文本信息
2.innerHTML获取标签所包含的HTML+文本信息
区别：前者不能识别HTML标签，而且去除空格和换行
二者都可读写，可以获取元素里面的内容
5.表单
利用DOM可以操作type、value、checked、selected、disabled属性
例：btn.disabled = true;
6.修改元素属性

7.遍历精灵图
x.style.backgroundPosition=‘0-’+index+‘px’(其中index为数学规律公式
8.显示隐藏内容
onfocus 获得焦点 onblur 失去焦点
9.作业总结
世纪佳缘：1.表单框默认内容为“邮箱/ID/手机号”；颜色较浅。
2.鼠标放到表单框时，内容清空，边框颜色变为粉色。输入内容颜色较深。
3.鼠标离开，如果输入有内容则保留原有输入内容；没有输入内容则改回默认内容。颜色较浅。
注意：表单的outline需要删除 不然就会覆盖掉自己设定的粉色
失去焦点的时候需要考虑两种情况