胖敏姑娘_9854
发布时间：2025-11-09 10:57:24
|780人浏览过
|来源于php中文网
原创
创建一个名为 img_src 的 HTML 文件。
在文件中添加一个 img 元素，设置其 id 为 mypicture_img_src，并指定图片的源路径。
添加一个按钮元素，设置点击事件以调用自定义函数 my_img_src。
再添加一个 p 标签，用于显示获取到的信息，为其设置 id 为 show_img_src。
编写 JavaScript 脚本，定义名为 my_img_src 的函数，该函数将执行对图片地址的操作。
在函数内部通过 DOM 获取图片元素，利用 src 属性读取当前图片的路径，并将该路径内容输出到 p 标签中进行展示。
保存文件后，在浏览器中打开该 HTML 页面，点击按钮即可看到图片源路径被成功读取并显示。
相关文章
为动态生成的元素分配唯一 ID 并按顺序绑定编号
如何在页面卸载前自定义提示并安全提交考试数据
如何在浏览器刷新或离开页面前弹出确认提示并执行提交逻辑
如何在浏览器刷新或跳转前弹出确认提示并执行自定义逻辑
如何在页面卸载前自定义提示并安全提交考试表单
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
dom的英文全称是documentobjectmodel，表示文件对象模型，是w3c组织推荐的处理可扩展置标语言的标准编程接口；dom是html文档的内存中对象表示，它提供了使用javascript与网页交互的方式。想了解更多的相关内容，可以阅读本专题下面的文章。
6441
2024.08.14
本专题汇总了当前主流的AI视频生成软件推荐与排行榜单，涵盖seko、AniShort、剧云、Lovart、LiblibAI及立刻mv等热门工具。同时整理了各软件在文生视频、图生视频、时长限制、画质表现及免费额度等方面的差异对比，助您快速选对适合创作需求的AI视频生成工具。
120
2026.09.16
本专题汇总了当前免费AI生成视频工具的排行榜与推荐清单，涵盖seko、讯飞智作、AniShort及剧云、Lovart等多模型集成平台。同时整理了各工具的免费额度、输出时长、水印政策及适用场景差异，助您快速选择合适工具开启AI视频创作。
40
2026.09.16
本专题整理Pandas读取CSV、Excel、JSON、SQL、Parquet等文件的方法，以及to_csv、to_excel、to_sql和to_parquet等常用数据导出流程。
40
2026.09.16
本专题介绍GDB按照函数名、源代码行号和文件位置设置断点的方法，详细说明run、continue、next、step等命令的配合使用，帮助定位程序崩溃、逻辑异常及代码未按预期执行的问题。
340
2026.09.11
本专题介绍GDB调试过程中查看变量值的具体方法，涵盖局部变量、函数参数、数组、结构体和指针内容查询，同时整理变量持续显示、格式化输出及无法读取变量时的排查思路。
100
2026.09.11
本专题围绕GDB调试C++程序的实际过程，详细说明程序编译、调试器启动、命令行参数传入、断点命中和程序继续运行等步骤，并介绍条件断点、临时断点和观察点的设置方法，方便开发者跟踪复杂代码的执行状态。
120
2026.09.11
热门下载
相关下载
精品课程
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn
