Dom选择器及其常用事件

1、选择器

// 选择器
document.getElementById("div").innerHTML= "dss"; //ID选择器
document.getElementsByTagName("h1")[0].innerHTML = "sdfd";// 标签名字
document.getElementsByClassName("demo")[0].getElementsByClassName.style.color = "red" //class选择器
document.getElementsByName();// name属性，但是IE8以上


// class id tag都可以
document.querySelector("#h").innerHTML="sdf";
document.querySelector(".a").innerHTML="sdf";
document.querySelector("p").innerHTML="sdf"; // 第一个
document.querySelectorAll(".h2")[0].innerHTML="sdf"

2、常见鼠标事件

onclick             单击

ondblclick          双击

onmousedown         按钮按下

onmouseup           鼠标按键被松开

onmouseenter        鼠标移动到元素上

onmouseleave        鼠标移出元素

onmousemove         鼠标移动

onmouseover         鼠标移动某元素上

onmouseout          鼠标从某元素移开

<button onclick = "fun()"> click</button>

 区别

onmouseenter        鼠标移动到元素上 不支持冒泡

onmouseover         鼠标移动某元素上 支持冒泡 触发一次

onmousemove         鼠标移动 只要移动就会触发，触发多次

onmouseleave        鼠标移出元素 不支持冒泡

onmouseout          鼠标从某元素移开 支持冒泡

3、常用键盘事件

onkeydown               键盘被按下

onkeyup                 键盘被松开

onkeypress              键盘按键被按下并松开