omg*_*omg 150 javascript dom
我期待替换DOM中的元素.
例如,有一个<a>我想用替换替换的元素<span>.
我该怎么做呢？
Bjo*_*orn 195
通过使用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>
Kam*_*rey 63
var a = A.parentNode.replaceChild(document.createElement("span"), A);
a是被替换的A元素.
Gib*_*olt 50
A.replaceWith(span) - 不需要父母通用形式:
target.replaceWith(element);
比以前的方法更好/更清洁.
对于您的用例:
A.replaceWith(span);
支持的浏览器 - 86%2018年11月
这个问题很老了，但我发现自己正在学习微软认证，并且在学习书中建议使用：
oldElement.replaceNode(newElement)
我查了一下，好像只有IE支持。呵呵..
我想我应该把它添加在这里作为一个有趣的旁注；）
| 归档时间： |
|
| 查看次数： |
161571 次 |
| 最近记录： |