Question

使用jQuery，我可以使用$.load()更新div的内容。如何在纯JavaScript中更新div？

Answer 1

正如Julian H. Lam所建议的那样：

var req = new XMLHttpRequest();
req.open("POST", "address_for_div_content", true);
req.onreadystatechange = function () {
  if (req.readyState != 4 || req.status != 200) return;
  document.getElementById('id_of_div')=req.responseText;
};

Here XMLHttpRequest的文档

Answer 2

Pure JavaScript（不是JQuery）解决方案：将你的div包装在iframe中，给它一个id myFrame，然后像这样刷新孩子：

parent.document.getElementById("myFrame").reload();

Answer 3

我有无线电输入，并希望使用html中的默认检查值重新加载它们；这对我有用：

const content = document.getElementById("myDiv").innerHTML;
document.getElementById("myDiv").innerHTML = content;

仅使用javascript重新加载div而不使用jquery

3 个答案: