JS清除HTML之间的空白节点

最新推荐文章于 2021-07-01 20:47:02 发布

原创最新推荐文章于 2021-07-01 20:47:02 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dom #javascript #清除空白节点

js 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于从HTML元素中移除空白文本节点，包括如何获取指定ID的元素及其父节点，并展示了如何在控制台输出节点类型，以及清理前后节点类型的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML代码如下：

JS如下

var intro=document.getElementById("introduce");

var info_par=intro.parentNode;

console.info(intro_par.childNodes[0].nodeType);

cleanWhitespace(intro_par);

console.info(intro_par.childNodes[0].nodeType);
//清除空白函数
function cleanWhitespace(oEelement){
for(var i=0;i<oEelement.childNodes.length;i++){
var node=oEelement.childNodes[i];
if(node.nodeType==3 && !/\S/.test(node.nodeValue)){
node.parentNode.removeChild(node)
}
}
}