Javascript js函数中的参数

我有一个表，有3列显示卡片，所以当我按下卡片时，一个警报会显示他的号码，但我不知道如何显示号码，我尝试了href和onClick，但没有成功

html

<table id="gallery">
</table>

<script>generateTable3col();</script>

generateTable3col（）；

js

function generateTable3col(){
    var cards = [5,1,8,3,2,4,6];

    var rows = cards.length/3;
    var columns = 3;
    var rowNode, columnNode, link, img;
    var table = document.getElementById("gallery")
    var image = "backcard.png"

    for (var r=0;r<rows;r++){
        rowNode = document.createElement("tr");
        rowNode.style = "width:33%;";
        table.appendChild(rowNode);

        for(var c=0;c<columns; c++){
            columnNode =document.createElement("td");
            columnNode = table.appendChild(columnNode);

            link = document.createElement("a");
            link.setAttribute("hideNumber", cards[1*r+c]);

            //here I don't know how do
            link.href = "javascript:showCard(this)" //this is window object
            link.onclick = showCard(this); //execute when call the loop not when click

            img = document.createElement("img"); 
            img.style = "width: 100%;"
            img.src = image;

            link.appendChild(img);

            columnNode.appendChild(link);

        }
    }
}

//How?
function showCard(element){
    alert("card is: " + element.getAttribute("hideNumber")); //element is object window, not <a> element
}

函数generateTable3col（）{
var卡=[5,1,8,3,2,4,6]；
var行=cards.length/3；
var列=3；
var rowNode、columnNode、link、img；
var table=document.getElementById（“库”）
var image=“backcard.png”
对于（var r=0；r而不是这一行：

link.onclick = showCard(this);

使用以下命令：

link.onclick = function() { showCard(this); };

这里的区别在于，在第一种情况下，
showCard（此）；
立即执行。在第二种情况下，您正在为
onclick
分配一个函数，该函数只有在单击发生时才会执行。
link.onclik
-您这里有一个输入错误。应该是
link.onclick
不是我有这个问题。您不清楚您在问什么，您能改进问题的措辞吗你想解决什么问题？