常用获取元素的方式和点击事件

获取元素的方式

<header id="123" class="header_1">我是头部标签</header>
    <header class="header_1">我是头部标签</header>
    <header onclick='fn()'>我是头部标签</header>
     <input type="text" name="user">

1、根据id获取元素

  var head= document.getElementById("123");

2、通过类名获取元素

 var header_1= document.getElementsByClassName("header_1");

3、通过标签名获取

 var header_1= document.getElementsByTagName("header");

4、通过name名获取

 var header_1= document.getElementsByName("user");

5、通过querySelector()获取(选择器 只获取第一个)

 var header_1= document.querySelector("header");

6、通过queryselectorAll()获取(选择器 获取所有)

 var header_1= document.querySelectorAll("header");

事件的三要素

1、事件源：被触发的元素
2、事件类型:事件触发的方式
鼠标事件 键盘事件 浏览器事件
3、事件的处理程序：事件触发后要执行的代码（函数）

-==事件公式：
事件公式：事件源.事件类型 = 事件的处理程序

head.onclick=function(){
      alert('我是头部标签')
}