JavaScript获取网页中第一个图片id的方法


Posted in Javascript onApril 03, 2015

本文实例讲述了JavaScript获取网页中第一个图片id的方法。分享给大家供大家参考。具体如下:

下面的代码通过document.images获取网页中的所有图片,然后获取第一个图片的id属性

<!DOCTYPE html>
<html>
<body>
<img id="klematis lilac" border="0" src="klematis.jpg" 
width="148" height="112">
<img id="klematis pink" border="0" src="klematis2.jpg" 
width="149" height="118">
<p>Id of first image:
<script>
document.write(document.images[0].id);
</script></p>
</body>
</html>

运行结果如下:

Id of first image:klematis lilac

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
Nov 09 Javascript
实测jquery data()如何存值
Aug 18 Javascript
js在IE与firefox的差异集锦
Nov 11 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
JS实现HTML表格排序功能
Aug 05 Javascript
JS锚点的设置与使用方法
Sep 05 Javascript
ECMAScript6--解构
Mar 30 Javascript
JS使用cookie实现只出现一次的广告代码效果
Apr 22 Javascript
浅谈react+es6+webpack的基础配置
Aug 09 Javascript
基于Vue制作组织架构树组件
Dec 06 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
Jun 19 Javascript
JS简单表单验证功能完整示例
Jan 26 Javascript
JavaScript返回网页中超链接数量的方法
Apr 03 #Javascript
JavaScript获取网页中第一个链接ID的方法
Apr 03 #Javascript
JavaScript返回当前会话cookie全部键值对照的方法
Apr 03 #Javascript
JavaScript获取当前网页最后修改时间的方法
Apr 03 #Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
Apr 03 #Javascript
JavaScript获取当前网页标题(title)的方法
Apr 03 #Javascript
JavaScript获得页面base标签中url的方法
Apr 03 #Javascript
You might like
php fputcsv命令 写csv文件遇到的小问题(多维数组连接符)
2011/05/24 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
js数字输入框(包括最大值最小值限制和四舍五入)
2009/11/24 Javascript
javascript实现促销倒计时+fixed固定在底部
2013/09/18 Javascript
再谈javascript原型继承
2014/11/10 Javascript
jQuery中trigger()与bind()用法分析
2015/12/18 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
2016/01/28 Javascript
js注入 黑客之路必备!
2016/09/14 Javascript
AngularJs验证重复密码的方法(两种)
2016/11/25 Javascript
Bootstrap CSS布局之图像
2016/12/17 Javascript
ajax异步请求详解
2017/01/06 Javascript
利用Mongoose让JSON数据直接插入或更新到MongoDB
2017/05/03 Javascript
JS实现批量上传文件并显示进度功能
2017/06/27 Javascript
解决node-sass偶尔安装失败的方法小结
2018/12/05 Javascript
JS实现给数组对象排序的方法分析
2019/06/24 Javascript
[42:27]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第三局
2016/03/05 DOTA
python 字符串split的用法分享
2013/03/23 Python
Python中map,reduce,filter和sorted函数的使用方法
2015/08/17 Python
python 统计代码行数简单实例
2017/05/04 Python
python如何修改装饰器中参数
2018/03/20 Python
python自动截取需要区域,进行图像识别的方法
2018/05/17 Python
解决python 无法加载downsample模型的问题
2018/10/25 Python
pandas数据处理进阶详解
2019/10/11 Python
Python concurrent.futures模块使用实例
2019/12/24 Python
ubuntu 安装pyqt5和卸载pyQt5的方法
2020/03/24 Python
基于python图像处理API的使用示例
2020/04/03 Python
纯css3实现的动画按钮的实例教程
2014/11/17 HTML / CSS
世界首屈一指的钓鱼用品商店:TackleDirect
2016/07/26 全球购物
亚马逊巴西站:Amazon.com.br
2019/09/22 全球购物
中药专业毕业自荐书范文
2014/02/08 职场文书
机械工程学院大学生求职信
2014/05/25 职场文书
归元寺导游词
2015/02/06 职场文书
导游词之襄阳古城
2019/09/27 职场文书
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang
python数字图像处理:图像的绘制
2022/06/28 Python