javascript - 如何使用 Javascript 替换 DOM 元素?

标签 javascript dom

我正在寻找替换 DOM 中的元素。
例如,有一个 <a>我想用 <span> 替换的元素而是。

我该怎么做?

最佳答案

通过使用 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 - 如何使用 Javascript 替换 DOM 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/843680/

相关文章:

javascript - CKeditor 不使用 Meteor 渲染

javascript - Jquery动态调用函数

javascript - 加法运算符在 JavaScript 中不起作用

javascript - 如何在 Angular 表单上设置自定义验证?

javascript - 无法通过 jquery 在动态生成的 div 上设置顶部/左侧属性

javascript - 如何使用 Angular 通过 DOM 中的变量名称访问对象的键

javascript - 我可以告诉一个 div 使用另一个 div 中的图像吗? CSS JS

javascript - 无法通过 DOM 从输入标签获取文本

javascript getElementsByClassName ("foo"| |"bar")

javascript - JavaScript 函数运行时 HTML 页面不更新