18910140161

JavaScript-如何使用JS选择图像?-堆栈溢出

顺晟科技

2022-10-19 13:36:56

10

我这里有两个图像,我想在单击图像时显示更大的图像,但这只是增加image1的大小,因为document.Image[0]但是如何为多个图像创建此大小。

注意:我是使用document.getElementById('#').style.width;进行此操作的,它是有效的,但是是否可以使用document.images

谢谢你帮助我!


顺晟科技:

这里有一个示例,它使用了@sebastiansimon的一些建议。

  1. 事件委派。

  2. CSS类和。

我们将一个侦听器附加到文档正文,然后检查所单击元素的。如果它是一个图像,并且包含一个特定的类,则用另一个类替换那个类。在本例中,我们将“large”替换为“small”。

我想您希望在单击一个图像时更改所有图像的大小,所以请使用javascript选择器函数GetElementsByTagName

运行代码段并尝试它!如果您发现任何缺陷,请发表意见,但它有效!

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航