JS学习日记 Day 2

学习视频是Link老师的教程：黑马程序员前端JavaScript入门到精通全套视频教程，javascript核心进阶ES6语法、API、js高级等基础知识和实战教程_哔哩哔哩_bilibili

---

一、DOM属性操作

1、修改样式属性
    Object.style.样式属性 = '值'
2、通过类名修改样式
    元素.className = '类名'
    //新值换旧值
3、操作元素样式属性
    元素.classList.方法('类名')
    //方法有：
    //remove：删除（类名不加点）
    //add：追加（类名不加点）
    //toggle：切换（判断是否有此类，有则删，没有则加）
4、表单元素操作
    uname.value：获取值
    uname.disabled：是否禁用
    //其余与普通元素相同
5、自定义属性
    data-name="属性值"
    .dataset：获取自定义属性
    //获取的属性是一个包含所有属性名的数组
    //得到的值是去掉data前缀的
    //可以用dataset.name来访问

二、定时器

1、开启定时器
    setInterval(函数，time)
    //每隔一段时间调用一次函数
    //间隔时间以毫秒为单位
2、clearInterval(Object)
    //关闭定时器
    //Object是开启定时器时返回的对象

三、事件

1、事件监听（L2）
    Object.addEventListener('事件类型',函数)
    //事件类型：
    //click：鼠标点击
    //mouseenter：鼠标经过
    //mouseleave：鼠标离开
    //focus：获得焦点
    //blur：失去焦点
    //keydown：键盘按下
    //keyup：键盘抬起
    //input：输入
    
2、事件监听（L0）
    .on事件=函数
    //会被覆盖，目前很少用