JavaScript onClick（）显示

我有一个数组，由几个包含字符串的对象组成。我可以通过以下方式成功显示阵列：

<td><p onclick="theMiddle(this)">The Middle</td>

中间

正如您从td标签中看到的，这是表的一部分。问题是浏览器会打开一个新页面来显示我的文本。我一直在尝试在我的表上方的p标记中显示数组

//JavaScript
var arrayTheMiddle = new Array (showName.theMiddle, beginingTime.theMiddle, 
network.abc, duration.thirty, rating.general, description.theMiddle, showImage.theMiddle);  

function theMiddle(obj){
   for(i=0; i < arrayTheMiddle.length; i++)
     {
      document.write(arrayTheMiddle[i] + "<br>");
     }
}

//HTML File

<p>Would like the array/function displayed here while the user clicks within the table below (entire table has not been listed)</p>

<td><p onclick="theMiddle(this)">The Middle</td>

//JavaScript
var arrayTheMiddle=新数组（showName.theMiddle，beginingTime.theMiddle，
network.abc、duration.three、rating.general、description.theMiddle、showImage.theMiddle）；
函数中间（obj）{
对于（i=0；i”；
}
}
//HTML文件
希望在用户单击下表时在此显示数组/函数（未列出整个表）

中间

---

不幸的是，我经常无法利用get-element-by-id调用由数组组成的函数。我找了各种各样的东西，但坦率地说，我迷路了。我甚至不确定我的方法在这一点上是否正确。我相信这是一件简单的事情，让我头晕目眩

强烈建议使用几种优秀的JavaScript框架之一来完成这类工作。我更喜欢Dojo，很多人喜欢jQuery

这里没有足够的上下文来查看哪些内容不起作用，但您几乎总是最好避免使用document.write，它只是将文本附加到文档的HTML中--我认为在这种情况下，这不是您想要的

您希望创建某个容器节点的子节点。通常，您会在标记中放置一个容器节点，而不包含用于此目的的内容，我们称之为

然后您可以这样做（我懒得测试手工编码的DOM操作，但这就是想法）：

---

是“谢谢你，我要试试！是的。我没有在这里列出我遇到问题的整个html。这是很棒的东西，但不幸的是，我需要用尽可能最简单的JavaScript来完成这一部分。因此，我有理由尝试像getElementbyID这样的东西。祝你好运…：-）相信我，根据我的经验，使用框架是最简单的。但是，如果您有技术或其他限制，该方法将起作用。谢谢！是的，我当然同意。我简单地使用了Jquery，它非常棒。这是一个学校项目，需要JavaScript基础知识：（一位朋友建议使用innerHTML…你怎么看？innerHTML没有错，尤其是对于一个学校项目，你可能只需要针对一个特定的浏览器。通常，构造一个innerHTML字符串比编写各种单独的DOM操作代码更容易。我隐约记得一些特定于浏览器的代码明白了，但我不记得它们是什么。我感谢你的建议。至于使用innerHTML，我成功地利用了它。我会尽快发布它。我也会尽快尝试你的代码。再次感谢！）

var container = document.getElementById('container');
for (var m : theMiddle) {
   if (theMiddle.hasOwnProperty(m)) {
      var txt = document.createTextNode(m);
      container.appendChild(txt); 
      var br = document.createNode('br'); // I don't approve of br, but that is not relevant here
      container.appendChild(br);
   }
}