网页交互开发高级第六章课后习题及答案
课后习题：
一、 填空题
1. 事件的三要素分别是______、______、______。
2. ______方法是根据id来获取元素。
3. 通过______、______、______方式可以修改元素内容。
二、 判断题
1. document.querySelector('div')可以获取文档中第一个div元素。（ ）
2. Web API包括BOM和DOM两部分组成。（ ）
3. HTML文档每个换行<br>都是一个文本节点。（ ）
4. document对象的getElementsByClassName()方法和getElementsByName()方法返回的都是元素对象集合HTMLCollection。（ ）
三、 选择题
1. 下面可用于获取文档中第一个div元素的是（ ）。
A. document.querySelector('div') B. document.querySelectorAll('div')
C. document.getElementsByName('div') D. 以上选项都可以
2. 下列选项中，可以作为DOM的style属性操作的样式名为（ ）。
A. Background B. left C. font-size D. Textalign
3. 下列选项中，可用于实现动态改变指定div中内容的是（ ）。
A.console.log() B. document.write() C. innerHTML D. 以上选项都可以
4. 关于获取元素，以下描述正确的是（ ）。
A. document.getElementById()获取到的是元素集合
B. document.getElementsByTagName()获取到的是单个元素
C. document.querySelector()获取到的是元素集合
D. document.getElementsByClassName()有浏览器兼容性问题
5. 以下代码用于单击一个按钮，弹出对话框。在横线处应填写的正确代码是（ ）。
<button id="btn">唐伯虎</button>
<script>
var btn = document.getElementById('btn');
____________
</script>
A. btn.onclick = function() { alert('点秋香'); } B. btn.onclick = alert( '点秋香' );
C. btn.click = function() { alert('点秋香'); } D. btn.click()
四、 编程题
请编写代码，实现根据系统时间显示问候语的功能，通过改变div中内容，显示不同问候语。要求如下。
l 6点之前，显示问候语“凌晨好”。
l 9点之前，显示问候语“早上好”。
l 12点之前，显示问候语“上午好”。
l 14点之前，显示问候语“中午好”。
l 17点之前，显示问候语“下午好”。
l 19点之前，显示问候语“傍晚好”。
l 22点之前，显示问候语“晚上好”。
22点之后包括22点，显示问候语“夜里好”。
答案：
一、 填空题
1. 事件源 事件类型 事件处理程序
2. getElementById()
3. innerHTML innerText textContent
二、 判断题
1. 对
2. 对
3. 错
4. 对
三、 选择题
1. A
2. B
3. C
4. D
5. A
四、 编程题
1. JavaScript代码如下：
<body>
<div></div>
<script>
// 根据系统不同时间来判断，所以需要用到日期内置对象
// 利用多分支语句来设置不同的图片
// 1.获取元素
var div = document.querySelector('div');
// 2. 得到当前的小时数
var h = new Date().getHours();
// 3. 判断小时数改变文字信息
if(h < 6){
document.write('凌晨好')
}else if (h < 9){
document.write("早上好!")
}else if (h < 12){
document.write("上午好!")
}else if (h < 14){
document.write("中午好!")
}else if (h < 17){
document.write("下午好!")
}else if (h < 19){
document.write("傍晚好!")
}else if (h < 22){
document.write("晚上好!")
}else {
document.write("夜里好!")
}
</script>
</body>
栏 目：JavaScript
本文标题：网页交互开发高级第六章课后习题及答案
本文地址：http://www.wangzhanteacher.com/?m=home&c=View&a=index&aid=225
您可能感兴趣的文章
- 05-19DOM的元素获取
- 05-07innerText和innerHTML的区别
- 05-05JavaScript的基本变量应用格式
- 04-14利用数学函数随机生成六位数验证码
- 09-26console.dir()是什么意思？
- 09-12js的数组和二维数组教程
- 09-06window.onload事件的用途与格式
- 08-25网页交互开发高级第十四章课后习题及答案
- 08-25网页交互开发高级第十三章课后习题及答案
- 08-25网页交互开发高级第十二章课后习题及答案
阅读排行
推荐教程
- 09-12js的数组和二维数组教程
- 08-25网页交互开发高级第八章课后习题及答案
- 04-14利用数学函数随机生成六位数验证码
- 08-25网页交互开发高级第十四章课后习题及答案
- 08-25网页交互开发高级第九章课后习题及答案
- 05-05JavaScript的基本变量应用格式
- 08-25网页交互开发高级第七章课后习题及答案
- 08-25网页交互开发高级第六章课后习题及答案
- 08-25网页交互开发高级第十一章课后习题及答案
- 08-25网页交互开发高级第十二章课后习题及答案