Javascript 尝试将img附加到表的不同部分

这是我的HTML，它创建了一个板，每个单元格调用我的JavaScript函数，点击创建一个图像。当前，图像是在主体中创建的，并且在表格下可见。我想这样，当你点击一个单元格的图像是在该单元格中创建的

无限的抽搐！

下面是我的JavaScript，它的函数当前正在主体中而不是在表中创建图像

函数显示图像（src、宽度、高度、高度）{
var img=document.createElement（“img”）；
img.src=src；
img.width=宽度；
img.height=高度；
img.alt=alt；
//下一行只是将其添加到标记中
这就是儿童（img）；
};
函数add_X（）{
var src=”http://bookriotcom.c.presscdn.com/wp-content/uploads/2013/07/x.png";
显示_图像（'http://bookriotcom.c.presscdn.com/wp-content/uploads/2013/07/x.png“，60，60，“X”）
};
函数add_O（）{
var src=”http://store.hamiltonmarine.com/prodimg/BER-O.JPG";
显示_图像（'http://store.hamiltonmarine.com/prodimg/BER-O.JPG“，50，50，“x”）
}

我正试图在不抄袭他人的情况下创建自己的井字游戏，目前正努力让X进入点击的方块。 你可以看看到目前为止我在这里做了些什么。

---

请注意，我添加了额外的参数来获取发送方，因此每次调用函数add_x或add_o时，您都必须传递它的发送方，并在show_image函数中使用它，以知道要附加哪一行img。

您好，欢迎使用堆栈溢出。我们不会为您编写代码。如果你需要我们的帮助，请自己动手写一些东西（即使它不起作用），我们会帮助你让它起作用。哇，你们真快。我正试图编辑它。我只是问是否有某种方法可以将元素附加到正在更改的父元素。至少我认为你会这么说。感谢您的欢迎。我已经尝试将代码更改为此。appendChild（img），但这也不起作用。我对编码是新手，请原谅我不理解。那么，这段代码是否可以工作，以便您单击单元格，然后在没有其他输入的情况下在单元格中创建图像，或者是否需要包含此关键字的内容？是的，代码不起作用。图像现在根本不可见。您的代码是否创建了新代码，因为这不是我的目标。我想让图像进入预先存在的单元格。我给你2个选项，第一个是附加在新的TD中，第二个是附加在同一单元格中。如果这是你想要的，我已经编辑了我的代码，它应该可以工作，如果它不工作，那么你能告诉我它在控制台中显示了什么错误吗？我不知道控制台在github上的什么位置。是否有可能图像正在创建，但在表下面，更改z索引可以修复它？只需在firefox中使用firebug，或者您可以使用chrome控制台。。如果你不告诉我它显示了什么错误，我不知道问题出在哪里如果你确定z-index是个问题，为什么不检查一下你的页面元素，看看是否有一个image元素被创建了呢。

function show_image(sender, src, width, height, alt) {
  var img = document.createElement("img");
  img.src = src;
  img.width = width;
  img.height = height;
  img.alt = alt;


  //document.body.appendChild(img); //DO NOT DO THIS.

  //REPLACE WITH BELLOW CODE

   $(sender).append(img);

};

function add_X(){
  var src = "http://bookriotcom.c.presscdn.com/wp-content/uploads/2013/07/x.png";
  show_image($(this),'http://bookriotcom.c.presscdn.com/wp-content/uploads/2013/07/x.png', 60, 60, "X")
};

function add_O(){
  var src = "http://store.hamiltonmarine.com/prodimg/BER-O.JPG";
  show_image($(this),'http://store.hamiltonmarine.com/prodimg/BER-O.JPG', 50, 50, "x")
}