【标题】#博学谷IT学习技术支持#哦--------------------------------- Web API 简介& DOM 简介 &获取元素& 注册事件& 操作元素内容 &操作元素属性

♥一. 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 = ‘类名’  

给元素注册事件的步骤获取元素、注册事件、编写事件处理代码