html中怎么通过图片的id显示图片

html中怎么通过图片的id显示图片,第1张

可以在javascript中编写代码进行div块的 *** 作,onclick时触发事件,然后通过jquery或者直接写js代码,根据ImageID获得图片对象,赋给div块即可,网上代码很多!

HTML中id的作用是为单元(元素,标签)提供唯一的标识或标记,以便浏览器在分析和处理网页时可以找到id的位置。通常用于:

1、元素的风格(style sheet)选择。

2、脚本语言使用id属性作为标记来查找id所在的单位。

3、用作声明对象的单元的标识。

扩展资料:

id属性的特点如下:

1、用尖括号括起来的关键字,例如<html>。

2、通常成对出现,例如<div>和</ div>。

3、标签对中的第一个标签是开始标签,第二个标签是结束标签。

4、起始标签和结束标签也称为开放标签和封闭标签。

5、也有单独显示的标签,例如:<img src =“ Baidu Encyclopedia.jpg” />等。

6、通常成对出现的标签,其内容在两个标签之间, 在标签的属性中为单独显示的标签分配值。

那就看你获取图片ID的用途是什么了,比如是记录点击或者对该图片进行处理,可以在click事件中执行一个js函数,比如该函数是saveImageId(this.getAttribute('id')),

如果是你说的要保存下来,可以设一个全局的变量,比如下面的例子:

<img src="logo.gif" id="image1" onclick="saveImageId(this.getAttribute('id'))alert(imageid.length)"/>

<script>

var imageid = new Array()

function saveImageId(imgid){

if(imgid !=''){

imageid[imageid.length] = imgid

}

}

</script>

alert语句是用来测试的


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7380699.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存