如何使用 Javascript 替换 DOM 元素? [英] How to replace DOM element in place using Javascript?

查看：27 发布时间：2021/12/18 13:17:29 javascript dom

本文介绍了如何使用 Javascript 替换 DOM 元素?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想替换 DOM 中的一个元素.
例如，我想用替换一个元素.

<头><身体><div><a id="myAnchor" href="http://www.stackoverflow.com">StackOverflow</a>

<脚本类型=文本/JavaScript">var myAnchor = document.getElementById("myAnchor");var mySpan = document.createElement("span");mySpan.innerHTML = "替换锚点！";myAnchor.parentNode.replaceChild(mySpan, myAnchor);

I am looking to replace an element in the DOM.
For example, there is an <a> element that I want to replace with a <span> instead.

How would I go and do that?

解决方案

by using replaceChild():

<html>
<head>
</head>
<body>
  <div>
    <a id="myAnchor" href="http://www.stackoverflow.com">StackOverflow</a>
  </div>
<script type="text/JavaScript">
  var myAnchor = document.getElementById("myAnchor");
  var mySpan = document.createElement("span");
  mySpan.innerHTML = "replaced anchor!";
  myAnchor.parentNode.replaceChild(mySpan, myAnchor);
</script>
</body>
</html>

这篇关于如何使用 Javascript 替换 DOM 元素?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文

如何使用 Javascript 替换 DOM 元素? [英] How to replace DOM element in place using Javascript?

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录关闭

如何使用 Javascript 替换 DOM 元素? [英] How to replace DOM element in place using Javascript?

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录 关闭

登录关闭