删除不留下空白的DOM节点
Remove DOM node without leaving whitespace
我有这个HTML:
... foo<span id="baz"/>bar ...
and I want
... foobar ...
如果我只是做:
var elem = document.getElementByID('baz');
elem.parentNode.remove(elem);
我只剩下:
... foo bar ...
我不能只是删除所有的空格,因为这会破坏我的页面的其余部分,我不能添加任何更多的HTML。
应该是getElementById
(而不是大写ID), removeChild
而不是remove
var elem = document.getElementById('baz');
elem.parentNode.removeChild(elem);
如果你的html确实是你所指向的,那么它是无效的,因为span
不是一个自关闭标签(在html文档)。应该是<span></span>
在http://jsfiddle.net/uC5tA/1/演示
相关文章:
- 将DOM节点值与字符串Javascript进行比较
- 如何判断何时将dom节点添加到文档中
- 当DOM节点在DOM中移动时,如何阻止Firefox触发mouseleave
- 如何检查DOM节点是否继承自构造函数
- 如何存储DOM节点
- 保留未修改的dom节点副本问题
- 无法在 IE 7/8 中使用 parentNode 抓取 DOM 节点
- 窗口对象属性返回一个dom节点
- js初学者-如何在比网页中的DOM节点低一个级别上立即解析所有子节点
- querySelectorAll polyfill用于所有DOM节点
- 如何判断文本输入字段dom节点是否*没有*带有javascript的选择
- 主干移除视图和DOM节点
- Metor:将html保存为字符串,然后将其转换为DOM节点
- 将属性从 DOM 节点复制到 dijit 小部件中
- 我可以将 HTML 字符串分配给 HTML DOM 节点的内部 HTML 属性吗?
- 在不删除/附加 DOM 节点的情况下对 DOM 节点进行重新排序
- 检查 DOM 节点是否位于 Iframe 内
- JavaScript Memory Leak - DOM 节点和后代上的垃圾回收
- DOM 节点清理如何在 d3 中工作
- 动态 dom 节点与 jquery