javascript - 将参数从一个函数发送到另一个函数

Question

我正在尝试将值从一个函数发送到另一个函数。但当我尝试在控制台中显示它们时，它说未定义。在这里，我试图在有人点击 Big() 函数时显示 large-image2 id。使用 large-image id 中的相同图像。当有人点击 lgBox() 函数时会发生以下情况。

请大家帮忙

function lgBox(url){
    var u = url;
    big(u);
    document.getElementById("large-image").innerHTML="<img src='" + u + "' />";
}

这是我的另一个函数。我从上面的函数向这里发送数据。

function big(u) {
    var ul=u;
    alert(ul);
    document.getElementById("large-image2").innerHTML="<img src='" + ul + "' />";}

当我试图显示 ul 的值时，这里的大函数显示未定义。提前致谢。

这是我的 HTML 代码。

<div id="large-image" onclick="big()">
</div>
<div id="large-image2" onclick="lgBoxcross()">
</div>
<div id="thumb-image" >
    <button onclick="lgBox('../images/<?php echo  $singleProductImage['name']; ?>')">
        <img src="../images/<?php echo $singleProductImage['name']; ?>" alt="" class="img">
    </button>
</div>

我不会在这里给出我的 php 代码。

Answer 1

点击按钮，效果非常好。但是如果您点击large-image，它会显示undefined，因为您没有在big()中传递任何内容:

function lgBox(url) {
  document.getElementById("large-image").innerHTML = '<img src="' + url + '"/>';
}


function big(elem) {
  var myimg = elem.getElementsByTagName('img')[0];
  var mysrc = myimg.src;
  document.getElementById("large-image2").innerHTML = '<img src="' + mysrc + '"/>';
}

<div id="large-image" onclick="big(this)">
</div>
<div id="large-image2">
</div>
<div id="thumb-image">
  <button onclick="lgBox('http://via.placeholder.com/350x150')">
        button
    </button>
</div>