JavaScritp的DOM基础1-7 编程练习

最新推荐文章于 2026-05-17 18:27:01 发布
原创 最新推荐文章于 2026-05-17 18:27:01 发布 · 521 阅读 · 0
标签
#1-7 编程练习 #编程练习
这篇博客介绍了如何使用JavaScript的DOM操作，通过ID选取特定列表，然后用标签名选取子元素，实现依次弹出前端书籍列表项并统计总数。学习者需要完成四个步骤，包括获取指定列表、选取列表项、逐个显示列表项及计算总数。文中还提到了JS获取元素与CSS选择元素的区别，并提供了错误代码示例作为学习参考。

1-7 编程练习

小伙伴们，今天我们学习了dom的查找方法，按照下面效果图去补充代码！

要求：依次弹出“前端书籍”的列表项，并在最后统计数它的列表项总共有几个。

效果图如下：

 

 

任务

最低0.47元/天 解锁文章
js_HTML_Dom操作练习
10-15
js_HTML_Dom操作练习，比较基础的
javaScript笔试常考题
05-07
这些题是我2009年考各大公司java工程师所遇到的出现频繁的考题,其中内容均为本人从网上搜集整理。
javascript常见习题（全）
weixin_47439712的博客
11-30 2660
1、什么是JavaScript？ JavaScript是客户端和服务器端脚本语言，可以插入到HTML页面中，并且是目前较热门的Web开发语言。同时，JavaScript也是面向对象编程语言。 类似的基本题目还包括：JavaScript都有哪些类型?JavaScript是谁发明的？… 2、列举Java和JavaScript之间的区别？ Java是一门十分完整、成熟的编程语言。相比之下，JavaScript是一个可以被引入HTML页面的编程语言。这两种语言并不完全相互依赖，而是针对不同的意图而设计的。 Java
JavaScript-dom查找返回值练习
主营前端方向，技术栈是vue
01-05 857
dom查找返回值练习(1.1 查找 #bj 节点 1.2 查找所有 li 节点 1.3 查找 name=gender 的所有节点 1.4 查找 #city 下所有 li 节点 1.5 返回 #city 的所有子节点 1.6 返回 #phone 的第一个子节点 1.7 返回 #bj 的父节点 1.8 返回 #android 的前一个兄弟节点 1.9 返回 #username 的 value 属性值 1.10 设置 #username 的 value 属性值 1.11 返回 #bj 的文本值)
JavaScript之DOM案例练习
十三阿哥的博客
05-28 824
JavaScript之DOM案例练习
JavaScript基础DOM操作小练习（一）
欢迎来到长风沛雨的博客
11-15 2473
整一些可以练着玩的熟悉语法的DOM小例子
DOM基础3-4 编程练习
请叫我二狗哥
05-12 653
3-4 编程练习 小伙伴们，今天我们学习了onload事件，接下来补充下面的代码，实现以下功能： （1） 当点击按钮时，按钮的字体颜色变成红色 （2） 当鼠标离开按钮时，字体颜色变成灰色 Tips： 脚本写在<head>标签中 任务 第一步：写出：在页面或图像加载完后才执行的事件语句，该语句后面跟上匿名函数 Tips：匿名函数中写入点击按钮执行的脚本，以下步...
javascritp进阶
最新发布
zzx2006__的博客
05-17 327
使用场景：适用于那些本来需要匿名函数的地方。
Javascritp Control Select
Studyoo
08-10 396
1.判断select选项中 是否存在Value="paraValue"的Item2.向select选项中 加入一个Item3.从select选项中 删除一个Item4.修改select选项中 value="paraValue"的text为"paraText"5.设置select中text="paraText"的第一个Item为选中6.设置select中value="paraValue"的Item为
javascritp的event对象的详细解释
FlexFun&Maven Driver
05-27 160
1. type：事件的类型，如onlick中的click；2. srcElement/target：事件源，就是发生事件的元素；3. button：声明被按下的鼠标键，整数，1代表左键，2代表右键，4代表中键，如果按下多个键，酒把这些值加起来，所以3就代表左右键同时按下；（firefox中 0代表左键，1代表中间键，2代表右键）4. clientX/clientY：事件发生的时候，鼠标相...
JavaScript基础学习第一天
weixin_59830707的博客
03-30 141
初识JavaScript，学习pink老师的视频做的笔记
JavaScriptDOM基础1-6 编程练习
请叫我二狗哥
05-11 653
1-6 编程练习 小伙伴们，今天我们学习了dom的查找方法，按要求补充下面的代码！ 要求：通过ID选取的方法获取到html文件中的div元素，并让它们依次的在页面中弹出！ <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>DO...
编程练习1
sinat_36360226的博客
03-19 403
编程练习1
编程练习3
aamag404408的博客
04-05 179
题目：求Fibonacci数列：1,1,2,3,5,8，……第n个数的值（假设n=40）。 思路：Fibonacci数列满足递推公式：F(1)=1，F(2)=1，F(n)=F(n-1) + F(n-2) 解法1：递归 1 public class Fibonacci { 2 public static void main(String[] args) { 3 ...
DOM基础
张恒华的博客
03-21 6217
DOM查找 JavaScript DOM基础 DOM是Document Object Model（文档对象模型）的缩写 文档对象模型（DOM）是HTML和XML文档的编程接口，它提供了对文档的结构化的表述，并定义了一种方法可以使从程序中对该机构进行访问，从而改变文档的结构、样式和内容 DOM查找方法 1 语法： document.getElementById("id") 功能： 返...
DOM基础3-9 编程练习
请叫我二狗哥
05-12 737
3-9 编程练习 小伙伴们，今天我们学习了onblur和onfocus这两个鼠标事件，根据gif图，补充代码，实现下列功能： （1） 当输入框获得焦点： 如果输入框值为空，提示“请输入您的姓名” （2） 当输入框失去焦点： 如果输入框值为空，提示“用户名不能为空”，并且边框颜色变为红色 如果输入框值不为空，那么没有提示文字，边框颜色是默认颜色 任务 根据gif效果图完成...
DOM基础1-30 编程练习
请叫我二狗哥
05-12 429
1-30 编程练习 小伙伴们，今天我们学习了删除对象属性的方法，那么接下来用删除对象属性的方法把预设代码中P标签的样式全部去掉。 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>dom属性的移除</title> ...
通过JS代码简单实现九九乘法表
热门推荐
请叫我二狗哥
06-28 2万+
试试用JS制作一个九九乘法口诀吧 。（提示：JS循环嵌套） 能否在不看下面参考代码的情况下，独立写出满足要求的JS代码呢？ 参考代码： for (var i = 1; i <= 9; i++) { for (var j = 1; j <= i; j++) { document.write(j + "*" + i + '=' + i * j + '&nbsp;&nbsp;&nbsp;') if (i == .
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值