首页 / JAVASCRIPT / javascript – 用Ajax响应替换DOM节点

javascript – 用Ajax响应替换DOM节点

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 用Ajax响应替换DOM节点，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含866字，纯文字阅读大概需要2分钟。

内容图文

我有一个ajax响应,看起来像这样：

<div class = "element3"> some other text</div>

我想用resp替换下面的element1：

<div class = "a">
  <div class = "element1"></div>
  <div class = "element2"></div>
</div>

所以在替换后我会得到：

<div class = "a">
  <div class = "element3"> some other text</div>
  <div class = "element2"></div>
</div>

我尝试了replaceChild()但它不起作用,因为响应不是DOM对象..

谢谢！

解决方法:

与仅替换标签之间内容的innerHTML()不同,outerHTML()将允许您替换开头和&关闭标签,有效地替换DOM节点.

var element = document.getElementsByClassName('element1')[0];
element.outerHTML("<div class = 'element3'> some other text</div>");

看到：

> http://help.dottoro.com/ljloliex.php
> http://help.dottoro.com/ljdkwhqf.php

注意：由于使用了getElementsByClassName(),此解决方案对(见：http://caniuse.com/getelementsbyclassname)有效：

> Internet Explorer 9
> Firefox 3
> Opera 9.5
> Chrome 4
> Safari 3.1

内容总结

以上是互联网集市为您收集整理的javascript – 用Ajax响应替换DOM节点全部内容，希望文章能够帮你解决javascript – 用Ajax响应替换DOM节点所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/721127.html

来源：【匿名】