获取方法传参中target参数值

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)

    }

img

在您的代码中,您已经将目标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属性的值。最后,我将该值打印到控制台中。

const el = document.getElementById('screen_url');
console.log(el.getAttribute('data-target'));

在您的代码中,您在点击图片时调用了showBigScreen(this)方法,并将当前图片元素作为参数传递给了该方法。在showBigScreen函数中,e参数就是传递进来的当前图片元素。

您可以使用e.target来获取图片元素的目标URL,但是根据您提供的代码,e.target似乎并不存在。在您提供的代码中,您在控制台输出了e.target,但是实际上并没有定义target这个变量。

根据您提供的代码,您应该将图片元素的src属性的值作为目标URL来使用。因此,您可以尝试以下代码来获取图片元素的目标URL:

function showBigScreen(e) {
  console.log("afafa", e.target);
  console.log(" 地址:" + e.target.src);
}

这样,当您点击图片时,showBigScreen函数将被调用,并将图片元素作为参数传递给该函数。然后,您可以使用e.target.src来获取图片元素的目标URL,并将其输出到控制台。

【以下回答由 GPT 生成】

问题的关键在于如何从方法传参中获取目标参数值。


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^