首页 > 软件开发 > HTML >

img标签上的ID如何获取

来源:互联网 2023-03-16 19:13:20 179

本文简单介绍如何获取img标签的ID详细步骤如下:06D办公区 - 实用经验教程分享!

工具/原料

  • 编辑器(可以选择自己喜欢的,本文使用 IDE)
  • 简单的网站开发知识

方法/步骤

  • 1

    第一步 打开IDE软件创建简单的项目文件夹,具体项目结构如下所示:可以创建自己的目录结构:06D办公区 - 实用经验教程分享!

    img标签上的ID如何获取06D办公区 - 实用经验教程分享!

  • 2

    第二步 在文件夹下创建html文件,结构如下图所示:文件命名任意06D办公区 - 实用经验教程分享!

    img标签上的ID如何获取06D办公区 - 实用经验教程分享!

  • 3

    第三步 编辑html 文件,具体代码如下图所示,在body中添加img标签并添加ID属性imgitem,并添加src属性和alt属性:06D办公区 - 实用经验教程分享!

    img标签上的ID如何获取06D办公区 - 实用经验教程分享!

  • 4

    第四步 添加script标签,用于获取img标签的ID属性值,具体编辑代码如下图所示:06D办公区 - 实用经验教程分享!

    img标签上的ID如何获取06D办公区 - 实用经验教程分享!

  • 5

    第五步 使用浏览器打开html页面,打开浏览器浏览,看浏览器弹出框是否已经获取img标签的ID值。具体效果如下图所示:06D办公区 - 实用经验教程分享!

    img标签上的ID如何获取06D办公区 - 实用经验教程分享!

  • 5此文章未经授权抓取自百度经验
  • 注意事项

    • 基本的网页开发知识
    • 熟悉html,javascript语言

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!06D办公区 - 实用经验教程分享!


    标签: 软件HTML网页

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码