HTML 模拟试卷 · 技能认证
DOM基础与浏览器API专题测试
- 事件处理与事件流：DOM事件流、事件捕获与冒泡、事件委托
- DOM遍历与选择器：元素选择、NodeList与HTMLCollection、遍历方法
- CSS样式操作与类管理：style属性、classList、getComputedStyle
- DOM树与节点操作：节点创建、添加、移除、复制操作
- 浏览器BOM与窗口对象：window对象、screen对象、尺寸获取
- 网络请求与Fetch API：fetch配置、请求方法、响应处理
- 定时器与动画帧：setTimeout/setInterval、requestAnimationFrame
试卷习题（20 题）
参考答案在文末判断题
1
判断题
判断：事件冒泡是指事件从目标元素开始，逐级向上传播到父元素的过程。
2
判断题
判断：innerHTML会解析HTML字符串并创建对应的DOM节点，textContent只设置纯文本不解析HTML。
3
判断题
判断：appendChild方法将节点添加到父元素的子节点列表末尾。
4
判断题
判断：fetch API相比XMLHttpRequest的优势包括：基于Promise、语法更简洁、默认不携带Cookie到跨域请求。
5
判断题
判断：Cookie数据会在每次HTTP请求时自动发送到服务器。
单选题
6
单选题
setTimeout(fn, 1000)表示什么意思？
7
单选题
事件委托（Event Delegation）的核心原理是什么？
8
单选题
DocumentFragment的作用是什么？
9
单选题
DOM事件流的正确顺序是什么？
10
单选题
localStorage和sessionStorage的典型存储容量限制是多少？
11
单选题
element.style.backgroundColor = 'red'设置的是什么类型的样式？
12
单选题
classList.add()方法的作用是什么？
13
单选题
requestAnimationFrame相比setTimeout/setInterval用于动画的优势是什么？
多选题
14
多选题
以下哪些是事件对象(Event)的常用方法或属性？
15
多选题
classList对象提供以下哪些方法？
16
多选题
fetch可以发送以下哪些HTTP请求方法？
17
多选题
requestAnimationFrame有哪些优势？
18
多选题
以下哪些是DOM节点类型？
填空题
19
填空题
操作DOM样式时，属性用于设置内联样式，对象用于管理类名，方法用于获取元素最终计算样式。
20
填空题
DOM节点操作中，创建元素节点，将节点添加到末尾，移除子节点，cloneNode复制节点。
参考答案
1.正确
2.正确
3.正确
4.正确
5.正确
6.B
7.B
8.B
9.B
10.C
11.C
12.B
13.B
14.A;B;C;D
15.A;B;C;D
16.A;B;C;D
17.A;B;C
18.A;B;C;E
19.style;classList;getComputedStyle
20.createElement;appendChild;removeChild
