用非替换的InnerHTML替换document.write

时间:2014-03-28 04:45:05

标签: javascript dom innerhtml appendchild document.write

我目前使用import.io来抓取网页信息。我正在从天气网站上搜集,以显示统计项目的单个邮政编码的不一致之处。

document.write("<i>" + k + "</i>" + "<p>" + d.data[k] + "</p>");

我的问题是这个document.write删除了我的所有页面内容并用纯json数据替换它。我尝试使用innerHTML,但我只从抓取工具中获取最后的数据结果。

是否有某种方法可以实现一个不会写入先前写入的数据的appendChild或InnerHTML?

引用: http://import.io/data/integrate/#js

1 个答案:

答案 0 :(得分:0)

document.body.insertAdjacentHTML
  ("beforeend", 
   "<i>" + k + "</i><p>" + data[k] + "</p>"
  )     

document.body.appendChild
  (
  document.createElement("i")
  ).textContent = k; 

document.body.appendChild
  (
  document.createElement("p")
  ).textContent = data[k];