获取方法传参中target参数值

Question

showBigScreen方法中的e。图片中target参数怎么获取

<img src="/FinforWorx/file/377858747115500.jpg" class="equImg" id="screen_url" onclick="showBigScreen(this)" style="cursor:pointer" data-target="https://www.runoob.com/mysql/mysql-tutorial.html">

function showBigScreen(e) {
        debugger
        console.log("afafa",e.target); 
        console.log(" 地址："+target)

    }

Answer 1

在您的代码中，您已经将目标URL作为data-target属性设置在了图片元素上。在showBigScreen函数中，可以通过e.target来获取该属性值。

不过，从您提供的图片中，我发现您在函数中使用了target变量，但并没有对其进行定义。因此，您需要先定义这个变量，然后将其设置为e.target的值。

以下是修改后的代码：

<img src="/FinforWorx/file/377858747115500.jpg" class="equImg" id="screen_url" onclick="showBigScreen(event)" style="cursor:pointer" data-target="https://www.runoob.com/mysql/mysql-tutorial.html">

<script>
function showBigScreen(e) {
    console.log("afafa", e.target);
    var target = e.target.getAttribute('data-target');
    console.log(" 地址：" + target);
}
</script>

在上述代码中，我将onclick属性的参数修改为event，以便能够将事件对象传递给showBigScreen函数。然后，我定义了一个名为target的变量，并将其设置为e.target.getAttribute('data-target')，以获取图片元素的data-target属性的值。最后，我将该值打印到控制台中。