.html不是reqwest.js库的函数

时间:2016-04-10 09:10:29

标签: javascript getelementbyid

我正在使用reqwest库加载响应并希望避免jquery(这里它太大了)。

但是,似乎.load调用不接受document.getElementById - 如果我改变了" el"到jquery $(" #content"),一切都很好。我应该如何重写el.html(resp)部分来处理这个问题?

reqwest上的示例使用" qwery"选择器的库,但我想避免另外10kb。谢谢你的任何想法!

<script type="text/javascript" src="https://private_path_to_s3/reqwest.min.js"></script>

<!--Content-->
<div id="content">Empty!</div>

<script type="text/javascript">
reqwest('http://localhost:3000/iframe?keyword=XXXXX', function (resp) {
  var el = document.getElementById("content");
  //Replace the content with the response
  el.html(resp);
  //rename the div to avoid refiring
  el.setAttribute("id", "ks-content-loaded");
})
</script>

1 个答案:

答案 0 :(得分:1)

.html()是一个jquery函数。

要更改必须设置的vanilla javascript中的html文本 innerHTML 字段

这就是代码:

document.getElementById(id).innerHTML = new HTML

参考:

http://www.w3schools.com/js/js_htmldom_html.asp