根据ID名获取
document.getElementById()
参数: 唯一的ID名
返回类型:该元素对象
根据标签名获取
document.getElementsByTagName() docuemnt 可以替换成其他元素 可以获得这个元素里面的某些标签 例 Id选择
参数:标签名
返回类型:获取过来元素对象的集合 以伪数组的方式存储
//以下为HTML5新增的方法 注意兼容性
根据类名获取
document.getElementsByClassName()
参数:类名
返回指定选择器的第一个元素对象
document.querySelector() //选择器要加符号
参数: .类名 #id名
返回指定选择器的所有元素对象
document.querySelectorAll()
获取body元素
document.body()
获取html元素
document.documentElement()
事件
三部分 事件源(事件被触发的对象) 事件类型(触发什么事件 鼠标点击/经过/键盘响应) 事件处理程序(函数)
执行事件三要素 获取事件源 绑定事件 添加事件处理程序
改变元素内容 属性 赋值
元素.innerText = '内容'
不识别html标签 非标准
可获取元素内容 显示去除空格和换行
元素.innerHtml= '内容'
标准
可获取元素内容 显示保留空格和换行
表单元素的操作
替换显示的内容 input.value =''
获得焦点 onfocus
失去焦点 onblur
如需要点击表单后不再被点击 设置button.disabled =true
样式属性操作
行内样式操作 element.style
类名样式操作 element.className = '预定义的类名'; //要保留,把原来的也写上