6. DOM基础自测

1. 自测

学习 DOM 其实就是掌握 DOM对象 的属性 和 方法

就好比买了一辆车拿来开, 你要记住这辆车的 属性(颜色, 品牌, 车牌号…), 记住这辆车的 方法(功能/启动, 刹车, 开启空调, 锁车 ,倒车…)

1. 如何获取 DOM 对象

2. 常用属性

   • style 属性

   • innerText 属性

   • innerHTML 属性

   • value 属性

   • checked 属性

   • src 属性

3. 关系属性

   • nextElementSibiling 属性

   • prevElementSibiling 属性

   • parentNode 属性

   • children 属性

4. 自定义属性

   • data-* 如何使用

5. 常用方法

   • 操作类名

   • 操作属性

   • 创建/插入/删除/克隆节点

6. 为DOM元素绑定事件的步骤

   • 获取事件源(DOM)

   • 绑定事件

   • 事件处理程序

7. 事件类型

   • onclick

   • onmouseenter/onmouseleave

   • onmousedown/onmousemove/onmouseup

   • onfocus/onblur

   • onload

   • onkeydown/onkeyup

8. 绑定事件的三种方式

   • el.onclick = function(){}

   • 行内绑定

   • el.addEventListener('click',function(){})

9. 捕获和冒泡

10. 定时器

2. 题目