在html开辟中， 我们经常利用js来处置前端逻辑， 下面我们就来看一下怎么用js去获取到ul列内外的img控件 。
方式/
1为了便利dom操作， 我们可以利用jquery剧本库， 是以先引入jquery剧本文件 。
文章插图
2我们的html代码里， 就是一个ul列表， 里面有二个img控件， 还有一个按钮 。 要注重的是我们给ul添加了一个样式名 。
文章插图
3利用jquery， 先为按钮添加一个点击事务 。
文章插图
4在点击事务函数里， 我们直接利用js代码就能获取到img控件了，
var imgs = $(".jy_ul li img");
【如何用js获取到ul li img】这就是利用jquery的便利， ul列表的样式名， 然后按条理 li img的控件名， 就能获取到图片控件了 。
文章插图
5我们用alert输入图片的src属性来验证获取到的数据是否精确 。
因为有两个图片控件， 所以代码里获取到的是一个数组， 我们输出第二个图片的src（数组下标从0起头的， 1就是第二个）
文章插图
6运行页面， 可以看到有二个图片和一个按钮， 我们点击按钮 。
文章插图
7点击后弹出了第二张图片的src属性， 对比代码， 数据准确 。
文章插图
以上内容就是如何用js获取到ul li img的内容啦， 希望对你有所帮助哦！
推荐阅读
- 如何注册工商银行网上银行
- 如何在微软官网下载SQL Server2014
- 139邮箱中如何添加其它邮箱
- 微信公众号如何绑定开发者账号
- PS如何复制图案到另一个图片上
- ANSYS如何用命令流快速查看模态信息
- qlv格式如何转换成mp4,qlv格式转换成mp4教程
- 如何在Mac上双启动Windows和MacOS
- 如何理解「当科学家们爬上一个又一个的山顶时，总发现佛学大师们早已在那里等着了」？
- 如果计划一天镰仓自由行，该如何安排行程？