♥一. getElementById获取元素
♥二. getElementsByTagName获取某类标签元素
♥三.H5新增获取元素方式
♥四.获取body和html元素
♥五.事件三要素
♥六.事件的执行步骤
♥七.innerText与innerHTMl的区别
♥一. getElementById获取元素
注意事项
1:js代码写在标签后面 注意事项
2:参数是区分大小写的字符串 注意事项
3:返回的是1个元素对象
♥二. getElementsByTagName获取某类标签元素
注意事项
1:返回值是元素对象的集合(伪数组)
getElementsByClassName 语法
querySelector()语法 和 返回值
querySelectorAll()语法 和 返回值
获取body 元素 获取html 元素
document.body
document.documentElement
♥三.H5新增获取元素方式
H5新增的获取元素的方法 注意支持的浏览器版本会更高一些
2.返回指定元素的第一个 querySlect() 类名需要加 .nav id需要加 #nav
3.获取某一类标签的所有元素 得到的是集合querySelectorAll( )
♥五.事件三要素
事件是由三部分组成的 事件源 事件类型 事件处理程序 我们称为事件三要素
1.事件源 事件被触发的对象 谁 按钮 就是事件源头
2.事件类型 如何触发的 是通过鼠标点击(onclik) 还是鼠标经过 还是键盘按下 触发的
3.事件处理程序 就是通过一个函数赋值的方式来完成的
♥六.事件的执行步骤
1.获取事件源
2.绑定事件 注册事件 div.onclick
3.添加事件处理程序
♥七.innerText与innerHTMl的区别
innerText 修改内容 不识别标签 <strong> 非标准 不带格式 如换行 空格
innerHTMl修改内容 识别标签 <strong> w3c标准 最常用 携带格式的 如换行 空格
这两个属性是可以读写的 可以获取元素里面的内容
innerHTML普通盒子才有的
表单修改里面的值 通过value来修改的
函数this指向来代替 标签 this指向函数的调用者 谁调用指向谁
总结:
获取元素可以通过ID或标签名或class或选择器来获取
事件的三要素分别是事件源、事件类型、事件处理程序
修改元素的内容可以通过innerText或innerHTML
修改元素的属性由元素对象.属性名 = 值
修改元素的样式属性由元素对象.style.样式属性名 = 值件 与 元素对象.className = ‘类名’
给元素注册事件的步骤获取元素、注册事件、编写事件处理代码