使用replaceChild javascript将span标签替换为锚标记
Replacing span tag with anchor tag using replaceChild javascript
我需要在js中使用replacecchild单击按钮时,用锚替换id='water'的span。Fff()工作正常,ff()也是如此,直到最后两行,我认为问题是。(我不知道replacecchild是怎么工作的)
function fff() {
var ss = document.createElement('span');
var text = document.createTextNode('https://www.google.com/');
ss.appendChild(text);
document.getElementById('water').appendChild(ss);
}
function ff() {
var s = document.createElement('a');
var t = document.createTextNode("https://www.google.com/");
s.appendChild(t);
s.href = "http://example.com";
var item = document.getElementById('water');
item.replaceChild(s, item);
}
<body onload="fff()">
<span id="water"></span> <br><br>
<button onclick="ff()">Replace with anchor</button>
</body>
当我点击这个按钮http://prntscr.com/d0b95v
元素。replacecchild用于用另一个元素替换Element的子元素。因为你想要替换span#water,你必须选择它的父(这是<body>
)并调用replacecchild。您可以将ff的最后一行更改为
var body = document.body;
body.replaceChild(s, item);
相关文章:
- 如何用JavaScript或jQuery替换一堆标签
- 将现有的规范标签替换为javascript或jquery
- 如何用jQuery替换HTML标签的一部分
- 需要查找和替换链接标签
- Eloqua替换<脚本>标签
- 替换<标签>,包含的表单控件除外
- 将多个
标签替换为 JavaScript - 如何在jquery中替换Anchore标签href中的一些文本
- CKEDITOR 将 替换为 和其他标签
- 替换标签内的第一个字符
- 查找和替换标签jquery中的文本
- JS:替换标签的innerHTML
- 如何编写一个js来替换标签中的文本
- jQuery替换标签内没有属性的文本
- 使用javascript Replace替换p标签中的所有字符
- 如何用.each替换标签内容
- 在jquery中替换标签之间的文本节点
- 如何用视频标签替换标签
- Javascript 来替换标签内的字符串
- 替换标签的文本(如果有嵌套的输入元素)