Web Apls

一.DOM

1.获取节点DOM

• 节点：标签、文本、属性

ById

• 参数：id的字符串
• 返回值：DOM节点 也是对象

document.getElementById('id字符串');
//获取body
document.body

ByTagName

• 参数：标签名的1字符串
• 返回值：伪数组 没有forEach方法 可以遍历 、可以使用for循环

document.getElementsByTagName('li')

ByClassName

• 参数：类名的字符串
• 返回值 伪数组 没有forEach方法 可以遍历 可以使用for循环

document.getElementsByClassName('.box');

querySelectorAll

• 参数：css选择器
• 返回值 伪数组 可以使用forEach循环 遍历 for循环

var lis=document.querySelectorAll('li');

2.注册事件on+事件类型

注册点击click事件

• 事件源
• 点击行为
• 响应

注册focus和blur事件

• focus 获取焦点
• blur 失去焦点

鼠标按下mousedown

box.onmousemove=function(){
   
    
}

鼠标移动mousemove

box.onmousemove=function(){
   
    
}

鼠标弹起mouseup

box.onmouseup=function(){
   
    
}

键盘按下keydown

document.onkeydown=function(e){
   
    console.log(e.keyCode);//返回不同的键的码数
    console.log(e.ctrlKey);//判断按下的键是否为ctrl键
}

键盘弹起keyup

document.onkeyup=function(){
   
    
}

鼠标进入

box.onmouseover=function(){
   
    
}

鼠标移出

box.onmouseout=