js读取xml html分页显示

<body>
  <script type="text/javascript">
  var xmlDoc;
  function loadXML() {
  // code for IE
  if (window.ActiveXObject) {
  xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.async = false;
  xmlDoc.load("1.xml");
  getmessage();
  }
  // code for Mozilla, Firefox, Opera, etc.
  else if (document.implementation && document.implementation.createDocument) {
  xmlDoc = document.implementation.createDocument("", "", null);
  xmlDoc.load("1.xml");
  xmlDoc.onload = getmessage;
  }
  else {
  alert('Your browser cannot handle this script');
  }
  }
  function getmessage() {
  var nodes = xmlDoc.getElementsByTagName("t1")
  tb = document.getElementById("table_note");
  tbody = document.createElement("tbody")
  for (i = 0; i < 16; i++) {  tr = document.createElement("tr")
  td = document.createElement("td")
  td.innerHTML = nodes[i].getElementsByTagName("title")[0].childNodes[0].nodeValue
  tr.appendChild(td)
  td = document.createElement("td")
  td.innerHTML = nodes[i].getElementsByTagName("content")[0].childNodes[0].nodeValue
  tr.appendChild(td)
  tbody.appendChild(tr)  }
  tb.appendChild(tbody)
  }
  </script>
  </head>
  <body onload="loadXML()">
  <table id="table_note">
  <tr>
  <td width="200px" valign="top" class="text2" height="20px">
  </td>
  <td valign="top" width="15px" align="right">
  </td>
  </tr>
  </table>
  </body>
第一页显示16条记录，我尝试用 onclick（）再次调用loadXML（）并加入参数，显示下一页的内容，但是调用后第一页的内容还存在于页面，第二页的内容被添加到后面了，请教怎么清除第一页的内容？

解决方案 »

  1.   

    <script type="text/javascript">
      var xmlDoc;
      function loadXML() {
      // code for IE
      if (window.ActiveXObject) {
      xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
      xmlDoc.async = false;
      xmlDoc.load("1.xml");
      getmessage();
      }
      // code for Mozilla, Firefox, Opera, etc.
      else if (document.implementation && document.implementation.createDocument) {
      xmlDoc = document.implementation.createDocument("", "", null);
      xmlDoc.load("1.xml");
      xmlDoc.onload = getmessage;
      }
      else {
      alert('Your browser cannot handle this script');
      }
      }
      function getmessage() {
      var nodes = xmlDoc.getElementsByTagName("t1")
      tb = document.getElementById("table_note");
    tb.removeChild(tb.children(0));
      tbody = document.createElement("tbody")
      for (i = 0; i < 2; i++) {  tr = document.createElement("tr")
      td = document.createElement("td")
      td.innerHTML = nodes[i].getElementsByTagName("title")[0].childNodes[0].nodeValue
      tr.appendChild(td)
      td = document.createElement("td")
      td.innerHTML = nodes[i].getElementsByTagName("content")[0].childNodes[0].nodeValue
      tr.appendChild(td)
      tbody.appendChild(tr)  }
      tb.appendChild(tbody)
      }
      </script>