如何在点击方法中传递 alt 属性

Question

Answer 1

首先要避免内联处理程序 - 它们有很多问题，现在太多了，不值得使用，例如疯狂的作用域链和引用转义问题。使用 Javascript 并使用

addEventListener

正确附加事件侦听器。

在侦听器内，引用

this

来获取单击的元素，并引用其

src

属性来获取其

src

:

document.querySelector('img').addEventListener('click', function() {
  console.log(this.src);
  console.log(this.alt);
});

<img alt="image321" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" />

Answer 2

function myfunc(img){
            
            alert(img.alt);
            
        }

<img alt="image321" onclick="myfunc(this);" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" />

Answer 3

您应该尝试使用

this

，它会发送您运行该函数所用的元素。

这是一个例子：

function image(alt) {
alert(alt.src);
}

<img alt="image321" src="http://i3.ytimg.com/vi/${videoId}/hqdefault.jpg" onclick="image(this)"/>