javascript - 如何在单击时同时获取图像名称和 src？

Question

这是否可能，通过单击图像获取图像名称和 src？

我是 javascript 和 php 的新手。

 <script language="javascript" type="text/javascript">
 function SetImageName(strName)
 {
 document.getElementById("ImageName").value = strName;
 }
 </script>

 <div id="Images">

 <img src="images/image1.jpg" name="image1.jpg" onclick="SetImageName(this.name)"/></a>
 <img src="images/image2.jpg" name="image2.jpg" onclick="SetImageName(this.name)"/>

 </div><input type="hidden" value="" id="ImageName" name="ImageName"/>

Answer 1

这可能吗？当然。

在您的 html 标记中:

onclick="SetImageName(this)"

然后在你的 JS 中:

function SetImageName(imgElement) {
    var theName = imgElement.name;
    var theSrc = imgElement.src;
    // etc.

也就是说，当您调用 SetImageName() 时，使用 this 传递对被点击元素本身的引用，而不仅仅是使用 this.name< 传递其名称。然后在您的函数中，您可以根据需要访问它的任何和所有属性。