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

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

相关内容

热门资讯

AI做攻略、“双向奔赴”……国... 本文转自:人民网人民网记者 许维娜今年国庆假期,AI(人工智能)成了不少年轻人的“旅行搭子”。行前做...
合肥的这个“梗”, 翻篇了 社交平台的评论区,曾长期流传一句专属于合肥的黑色幽默。有人问合肥哪里好玩,本地网友半开玩笑地回复:合...
7万+旅游中高层都在的群,今天... 做旅游这行,资源卡位、渠道互通、项目落地——往往就差一个“对的机会”。我们的行业社群已聚集70,00...
一场帐篷音乐节,如何让井研从“... 帐篷音乐节现场封面新闻记者 周洪攀10月的研溪湿地,晚风里裹着柑橘的清甜与民谣的回响。夜幕降临,10...
白鹤翩翩落星愿,上海迪士尼度假... 10月9日,世界候鸟日前夕,上海迪士尼度假区星愿公园的湖风里多了一分白鹤的灵动。三座白鹤雕塑正式揭幕...
成都锦江边赏初秋枫叶飘飘 目前,成都锦江边国华街枫叶树红了。近年来,国华街附近的几条街都栽种了红枫树,是城区较集中看枫叶的点位...
GBTA:商务旅行正在复苏,但... 亚太正在成为全球商务旅行增长的重要引擎。在经历疫情后的快速反弹之后,全球商务旅行正在进入一个新的增长...
从景区焕新到节赛引流 邹城双节... 齐鲁网·闪电新闻10月9日讯 中秋、国庆“双节”假期,邹城市文化和旅游局提前谋划、周密部署,立足自身...
江山如此多娇 且看石楼今朝 金秋十月,黄河岸畔秋意盎然,丰收盛会喜迎国庆。本次石楼国庆文旅活动以“江山如此多娇,且看石楼今朝”为...
海南国庆假期接待游客475.4... 2026年国庆假期,海南接待游客475.40万人次,较2025年增长13.1%,较2024年增长15...