以编程方式创建<DIV> s和问题出现

Question

我是 javascript 新手，写了一段代码（粘贴在下面）。 我正在尝试构建一个战舰小游戏。 想想那个有一个网格的游戏，你把你的船放在那里，如果它会撞到任何对手的船，就开始盲目地点击对手的网格。 问题是我需要使用要作为参数传递的 DIV 的 ID 调用一个函数。 当像下面这样以编程方式创建 DIV 时，什么会起作用。 这个？ ：--///<.DIV id='whatever' onclick='javascript:function(this.ID)' /> .. 我在某处看到了这样的东西.. 这在 html 中：S

js代码为：（有两个网格，用参数-who-...表示网格的大小也是参数化的）

function createPlayGround(rows, who)
{
    $('#container').hide();
        var grid = document.getElementById("Grid" + who);
        var sqnum = rows * rows;

        var innercode = '<table cellpadding="0" cellspacing="0" border="0">';
             innercode += '<tr>';
                for (i=1;i<=sqnum;i++)
                {
                    var rowno = Math.ceil(i / rows);
                    var colno = Math.ceil(i - ((rowno-1)*rows));
                    innercode += '<td><div id="' + who + '-' + i +'" class="GridBox'+ who +'" onmouseover="javascript:BlinkTarget(' + i + ',' + who +');" onclick="javascript:SelectTarget('+ i + ',' + who +');" >'+ letters[colno - 1] + rowno +'</div></td>';
                        if (i % rows == 0)
                        {
                           innercode += '</tr><tr>';
                        }
                }
            innercode += '</tr></table>';
            grid.innerHTML = innercode;
        $('#container').fadeIn('slow');
}

Answer 1

听起来您真正想要的是获取刚刚单击的 div 元素。 如果你只想返回被点击的 div，你所要做的就是使用“this”：

<div id="whatever" onclick="function(this)"></div>

如果您实际上对点击 div 的 id 更感兴趣，您可以这样做：

<div id="whatever" onclick="function(this.id)"></div>

但是，听起来您只需要 id 以便您可以使用 getElementById 获取 div，第一个代码片段将帮助您跳过该步骤。

Answer 2

您可以使用 jQuery 创建它并添加事件侦听器，而不是从字符串创建内部 html：

$("<div></div>")
  .click(function(e) {
    selectTarget(i, who);
  })
  .appendTo(container);