JS清除HTML之间的空白节点
2017-12-06 21:10
267 查看
HTML代码如下:
<div>
<span id="introduce">内容以</span>
<a href="javascript:;">内容二</a>
</div>
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)
}
}
}
<div>
<span id="introduce">内容以</span>
<a href="javascript:;">内容二</a>
</div>
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)
}
}
}
相关文章推荐
- 清除HTML之间的空白节点
- DOM操作HTML文档;js创建表格;清除空文本节点
- 清除行内元素之间HTML空白的几种解决方案
- 因浏览器而异的空白节点(js清除空白节点)
- Js清除空白节点
- 清除行内元素之间HTML空白的几种解决方案
- 因浏览器而异的空白节点(js清除空白节点)
- 清除行内元素之间的HTML空白
- 清除行内元素之间的HTML空白
- 清除行内元素之间的HTML空白
- js获取html页面节点方法(递归方式)
- iOS开发中,实现UIWebView,html和js之间的交互
- JS根据设备宽度设置根节点(html)font-size字体大小
- HTML---Android中webview和js之间的交互
- .NET webBrowser 与 html js脚本之间的数据互传及函数调用
- Study《去掉HTML中Inline-Block元素之间的空白》
- js用ajax和jison在不同页面的php和html之间互相传值的方法
- js:首/未子节点,兄弟节点,排除空白实现
- 轻松实现HTML和JS之间的转化的代码
- 原生js直接获取父节点、子节点、兄弟节点的元素节点,不包含空白节点