JS,DOM试题1,在实践中应用,非常详细!!
admin
2024-04-10 15:41:20
0

图片切换


图片顺序播放

1/5

因为有顺序播放和循环播放两种模式

所以要分情况讨论

  1. 获取顺序播放和循环播放的元素

    因为要通过点击上一幅和下一幅来改变图片和数字

  2. 获取 上一幅和下一幅的 元素,num元素,图片元素

  3. 设置一个标记t,1表示顺序模式,2表示循环模式

    同时要用 btndes.innerText = ""; 来改变p标签的字

  4. 获取 上一幅和下一幅的 点击事件

  5. 如果是顺序播放时,点击到第五幅时再点击下一幅则 出现警示框,当点击到第一幅时再点击上一幅则 出现警示框

    如果是循环模式,点击到第五幅时再点击下一幅则 出现第一幅,当点击到第一幅时再点击上一幅则 出现第五幅

  6. 利用num记录 幅数

  7. pic.src="img/"+num+".jpg"; 来改变图像

  8. txt.innerText = num+"/5"; 改变id = num 的p标签

菜单折叠





无标题文档

  • 考勤管理
    • 日常考勤
    • 请假申请
    • 加班出差
  • 信息中心
    • 日常考勤
    • 请假申请
    • 加班出差
  • 协同办公
    • 日常考勤
    • 请假申请
    • 加班出差

点击 考勤管理/信息中心/协同办公 则展开ul,展开后再点击则关闭

  1. 获取全部 span 和 ul 的元素
  2. for循环 获取span的点击事件
  3. 因为在span的点击事件中不能使用 ul,所以用 this.nextElementSibling 获取与span对应的 ul
  4. if 当span展开时,点击则关闭
  5. else 否则,展开,并且 css 为open样式

字体放大和缩小





使用JS操作样式属性更改元素字号大小

"剩宴"不是中国传统,节约才是中华美德。

通过点击 A- 使字体缩小,点击A+ 使字体增大

  1. 获取A-和A+ 的元素
  2. 分别获取A-和A+的点击事件
  3. 设置size作为字体初始值
  4. 点击A- 则 size–,点击A+,则size++
  5. 通过 document.getElementById('p1').style.fontSize = size+'px'; 获取P标签的style.fontSize,使字体增大或缩小

全选1

遇到的问题


Document
运动唱歌写代码全选

双层for循环里 不要用this了,容易混淆

全选2


商品价钱
iPhone88000
iPad Pro5000
iPad Air2000
Apple Watch2000

该套试题在我的资源里,可以自行下载

相关内容

热门资讯

linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
C++ 机房预约系统(六):学... 8、 学生模块 8.1 学生子菜单、登录和注销 实现步骤: 在Student.cpp的...
A.机器学习入门算法(三):基... 机器学习算法(三):K近邻(k-nearest neigh...
数字温湿度传感器DHT11模块... 模块实例https://blog.csdn.net/qq_38393591/article/deta...
有限元三角形单元的等效节点力 文章目录前言一、重新复习一下有限元三角形单元的理论1、三角形单元的形函数(Nÿ...
Redis 所有支持的数据结构... Redis 是一种开源的基于键值对存储的 NoSQL 数据库,支持多种数据结构。以下是...
win下pytorch安装—c... 安装目录一、cuda安装1.1、cuda版本选择1.2、下载安装二、cudnn安装三、pytorch...
MySQL基础-多表查询 文章目录MySQL基础-多表查询一、案例及引入1、基础概念2、笛卡尔积的理解二、多表查询的分类1、等...
keil调试专题篇 调试的前提是需要连接调试器比如STLINK。 然后点击菜单或者快捷图标均可进入调试模式。 如果前面...
MATLAB | 全网最详细网... 一篇超超超长,超超超全面网络图绘制教程,本篇基本能讲清楚所有绘制要点&#...
IHome主页 - 让你的浏览... 随着互联网的发展,人们越来越离不开浏览器了。每天上班、学习、娱乐,浏览器...
TCP 协议 一、TCP 协议概念 TCP即传输控制协议(Transmission Control ...
营业执照的经营范围有哪些 营业执照的经营范围有哪些 经营范围是指企业可以从事的生产经营与服务项目,是进行公司注册...
C++ 可变体(variant... 一、可变体(variant) 基础用法 Union的问题: 无法知道当前使用的类型是什...
血压计语音芯片,电子医疗设备声... 语音电子血压计是带有语音提示功能的电子血压计,测量前至测量结果全程语音播报࿰...
MySQL OCP888题解0... 文章目录1、原题1.1、英文原题1.2、答案2、题目解析2.1、题干解析2.2、选项解析3、知识点3...
【2023-Pytorch-检... (肆十二想说的一些话)Yolo这个系列我们已经更新了大概一年的时间,现在基本的流程也走走通了,包含数...
实战项目:保险行业用户分类 这里写目录标题1、项目介绍1.1 行业背景1.2 数据介绍2、代码实现导入数据探索数据处理列标签名异...
记录--我在前端干工地(thr... 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前段时间接触了Th...
43 openEuler搭建A... 文章目录43 openEuler搭建Apache服务器-配置文件说明和管理模块43.1 配置文件说明...