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)
}
在您的代码中,您已经将目标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 生成】
问题的关键在于如何从方法传参中获取目标参数值。