如何使用javascript动态更改HTML表内容？

如果表格在按下按钮时显示的弹出窗口中，如何动态更改html表格内容

我知道我们可以使用以下功能更改内容

function change(){
    var x=document.getElementById('tbl').rows
    var y=x[0].cells
    y[0].innerHTML="NEW CONTENT"
}

---

但只有当桌子在同一个窗口上时才有可能。如果出现弹出窗口，则不会更改

您正在创建什么样的弹出窗口？这是打开一个新窗口还是同一窗口中的一个div，比如jquery对话框？后者可以按照您指出的方式使用。前者要求您将值作为GET或POSt方法的一部分发送到服务器，然后服务器必须发送填充的表。有人知道更好的方法吗？我也很好奇

您正在创建什么样的弹出窗口？这是打开一个新窗口还是同一窗口中的一个div，比如jquery对话框？后者可以按照您指出的方式使用。前者要求您将值作为GET或POSt方法的一部分发送到服务器，然后服务器必须发送填充的表。有人知道更好的方法吗？我也很好奇

如果要创建带有悬停div的弹出窗口，则只需使用document.getElementById（）并将要操作的元素传递给它即可。如果要生成子窗口，则需要指定该窗口的名称来代替文档

var x = window.open();

var tableRef = x.getElementById();

---

您可以通过调用子窗口的对象引用来控制子窗口的状态，方法与使用document相同。

如果要创建带有悬停div的弹出窗口，则只需使用document.getElementById（）并将要操作的元素传递给它即可。如果要生成子窗口，则需要指定该窗口的名称来代替文档

var x = window.open();

var tableRef = x.getElementById();

---

您可以通过调用子窗口的对象引用来控制子窗口的状态，方法与处理文档的方法相同。

您可以使用

windowRef.document.getElementById（…）

访问打开的窗口中的元素，如下所示：

<script type="text/javascript">
// Global used here, would use in a closure in RL
var popupWindow;

function popWin() {
  var content = '<title>Popup window</title>' +
                '<table id="tbl">' +
                '<tr><td>Row 0 Cell  0<td>Row 0 Cell  1' +
                '</table>';
  var newWin = window.open('','newWin');
  newWin.document.write(content);
  newWin.document.close();
  return newWin;
}
</script>
<p>Some examples of accessing the content of a popup
   created by script in this page</p>

<input type="button" value="Open popup" onclick="
  popupWindow = popWin();
">
<input type="button" value="change table content" onclick="
  if (popupWindow) {
    var tbl = popupWindow.document.getElementById('tbl');
    tbl.rows[0].cells[0].firstChild.data = 'hey hey!';
  }
 ">
 <input type="button" value="Close popup" onclick="
   if (popupWindow) {
     popupWindow.close();
     popupWindow = null;
   }
 ">

//此处使用的全局，将用于RL中的闭包
var popupWindow；
函数popWin（）{
变量内容='弹出窗口'+
'' +
'第0行单元格0第0行单元格1'+
'';
var newWin=window.open（“”，'newWin'）；
newWin.document.write（内容）；
newWin.document.close（）；
返回纽温；
}
访问弹出窗口内容的一些示例
由此页面中的脚本创建

---

但是值得注意的是，大多数用户讨厌弹出窗口，除非它们是由用户操作（单击或类似操作）启动的，否则会阻止它们，并且可能会在您不知道的情况下关闭它们。此外，您只能在打开的窗口中执行上述操作，不能随机更改内容，甚至不能访问任何窗口。

您可以使用

windowRef.document.getElementById（…）

访问您打开的窗口中的元素，如下所示：

<script type="text/javascript">
// Global used here, would use in a closure in RL
var popupWindow;

function popWin() {
  var content = '<title>Popup window</title>' +
                '<table id="tbl">' +
                '<tr><td>Row 0 Cell  0<td>Row 0 Cell  1' +
                '</table>';
  var newWin = window.open('','newWin');
  newWin.document.write(content);
  newWin.document.close();
  return newWin;
}
</script>
<p>Some examples of accessing the content of a popup
   created by script in this page</p>

<input type="button" value="Open popup" onclick="
  popupWindow = popWin();
">
<input type="button" value="change table content" onclick="
  if (popupWindow) {
    var tbl = popupWindow.document.getElementById('tbl');
    tbl.rows[0].cells[0].firstChild.data = 'hey hey!';
  }
 ">
 <input type="button" value="Close popup" onclick="
   if (popupWindow) {
     popupWindow.close();
     popupWindow = null;
   }
 ">

//此处使用的全局，将用于RL中的闭包
var popupWindow；
函数popWin（）{
变量内容='弹出窗口'+
'' +
'第0行单元格0第0行单元格1'+
'';
var newWin=window.open（“”，'newWin'）；
newWin.document.write（内容）；
newWin.document.close（）；
返回纽温；
}
访问弹出窗口内容的一些示例
由此页面中的脚本创建

但是值得注意的是，大多数用户讨厌弹出窗口，除非它们是由用户操作（单击或类似操作）启动的，否则会阻止它们，并且可能会在您不知道的情况下关闭它们。此外，您只能在打开的窗口中执行上述操作，不能随意更改内容，甚至不能访问任何窗口