为什么要创建新表，而不是在HTML文件中刷新同一表？

Question

我必须怎么做才能在单击显示时刷新表？ 现在，每当单击显示时 ，就会在前一个表的下面创建一个新表。

第一次加载页面时，我希望在“输入”字段下显示整个表（即，整个XML文件（链接到XSL文件）），该怎么做？

在IE中（而不是在Firefox中），只要用户单击显示按钮，输入部分就会消失，仅显示具有XML内容的表。 如何让IE保留输入字段并在下面显示表格？ 这是我的代码片段，其中包含所有必不可少的部分……谢谢！

<html>
.........
......
<script type="text/javascript">

function filterTable(f)
{
  ................
  .......
  if (moz)
  {
    ...........
    ....
    var proc = new XSLTProcessor();
    proc.importStylesheet(stylesheet);
    var resultFragment = proc.transformToFragment(xmlDoc, document);
    document.getElementById("target4").appendChild(resultFragment);
  }

  else if (ie)
  {
    .....
    ......
    value.setAttribute("select", "books/scifi" + filter);
    value2.setAttribute("select", sorter);

   document.write(xmlDoc.transformNode(stylesheet));
  }
}

</script>
<form>
  ...........
  ....
  <input type="button" value="Display" onClick="filterTable(this.form)"/>
</form>

<body id="target4">
</body>
</html>

Answer 1

在加载文档后使用write（）将覆盖整个文档。 也可以使用另一种方法来注入新内容，例如，设置元素的innerHTML（DOM方法在这里不起作用，因为IE不允许在文档之间移动节点）。

相关评论：

您从中获得的表的标记

xmlDoc.transformNode(stylesheet)

您必须首先通过此标记创建一个节点：

  //create a dummy-wrapper
var wrapper=document.createElement('div');

  //insert the markup
wrapper.innerHTML=xmlDoc.transformNode(stylesheet);

  //inject the first child into the document
document.getElementById("target4").appendChild(wrapper.firstChild);

  //delete the wrapper, we don't need it anymore
delete wrapper;

为什么要创建新表，而不是在HTML文件中刷新同一表？

问题描述

1 个解决方案

解决方案1
0 已采纳 2012-03-08 21:20:16

为什么要创建新表，而不是在HTML文件中刷新同一表？

问题描述

1 个解决方案

解决方案1 0 已采纳 2012-03-08 21:20:16

解决方案1
0 已采纳 2012-03-08 21:20:16