JavaScript 清除childNodes中的text

JavaScript 清除childNodes中的text我们一般为了代码整洁代码都会换行 像这样 获取 div1 节点下的 childNodesva document getElementBy div1 varchild div childNodesco log child 打印出来结果 重点 如何其中的 text 注意 nbsp child 0 nodeType nbsp nbsp 3 nbsp nbsp nbsp nbsp

我们一般为了代码整洁代码都会换行,像这样:

JavaScript 清除childNodes中的text

获取div1节点下的childNodes

var div = document.getElementById('div1') var child = div.childNodes console.log(child)

打印出来结果:JavaScript 清除childNodes中的text

重点:如何其中的text?

注意:   child[0].nodeType //  3

            child[0].nodeName // ‘#text’

如下:

var postChild = [] for (var i = 0; i < child.length; i++) { if(!(child[i].nodeType == '3' && child[i].nodeName == '#text' && !/\S/.test(child[i].nodeValue))){ //文本节点并且是空的文本节点时,将空文本节点删除 postChild.push(child[i]) } } console.log(postChild)

最后输出的postChild:JavaScript 清除childNodes中的text

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/219838.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午9:46
下一篇 2026年3月17日 下午9:47


相关推荐

  • 行式数据库与列式数据库的对比

    行式数据库与列式数据库的对比导语 随着大数据的发展 现在出现的列式存储和列式数据库 它与传统的行式数据库有很大区别的 正文 行式数据库是按照行存储的 行式数据库擅长随机读操作不适合用于大数据 像 SQLserver Oracle mysql 等传统的是属于行式数据库范畴 列式数据库从一开始就是面向大数据环境下数据仓库的数据分析而产生 数据库以行 列的二维表的形式存储数据 但是却以一维字符串的方式存储 例如以下的一个表 EmpId Lastname First

    2026年3月16日
    1
  • Date与时间戳的相互转换[通俗易懂]

    Date与时间戳的相互转换[通俗易懂]1、Date对象转换为时间戳Datedate=newDate();longtimes=date.getTime();System.out.println(times);效果如下:15088242832922、时间戳转换为Date日期对象longtimes=System.currentTimeMillis();Datedate=newDate(times);System.out.println(date);…

    2022年6月21日
    229
  • Java WebService 客户端写法[通俗易懂]

    Java WebService 客户端写法[通俗易懂]这篇文章的前提是已经服务器端已经存在。变成工具:1.MyEclipse8.62.Tomcat7.03.JDK1.64.实现WebService服务的插件有很多,我选择的XFire我服务器端的WebServiceURL为:http://localhost/Homepage/services/DataInfoService?wsdl使用MyEclip

    2022年8月31日
    5
  • 国内外常用公共NTP网络时间服务器地址

    国内外常用公共NTP网络时间服务器地址【腾讯云】热门云产品首单特惠秒杀,1核2G云服务器首年38元目录太长不看NTPPoolProjectNTP.ORG.CNNTP授时快速域名服务HSDN(HomeServerDataNetwork)本地服务器数据网络企业阿里巴巴腾讯微软苹果谷歌FacebookCloudflare高通HurricaneElectric飓风电气MSK-IX(MoscowInterneteXchange)莫斯科网络交换INTER…

    2022年4月27日
    58
  • 为什么说ArrayList是线程不安全的?

    为什么说ArrayList是线程不安全的?一 概述对于 ArrayList 相信大家并不陌生 这个类是我们平时接触得最多的一个列表集合类 面试时相信面试官首先就会问到关于它的知识 一个经常被问到的问题就是 ArrayList 是否是线程安全的 答案当然很简单 无论是背来的还是自己看过源码 我们都知道它是线程不安全的 那么它为什么是线程不安全的呢 它线程不安全的具体体现又是怎样的呢 我们从源码的角度来看下 二 源码分析首先看

    2026年3月18日
    1
  • Python中优先级_低优先级队列不止5把

    Python中优先级_低优先级队列不止5把优先级队列是一种容器型数据结构,它能管理一队记录,并按照排序字段(例如一个数字类型的权重值)为其排序。由于是排序的,所以在优先级队列中你可以快速获取到最大的和最小的值。你可以认为优先级队列是一种修改过的普通队列:普通队列依据记录插入的时间来获取下一个记录,优先级队列依据优先级来获取下一个记录,而优先级取决于排序字段的值。优先级队列经常用来解决调度问题,比如给更紧急的任务更高的优先级。我们以操作系统…

    2026年2月22日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号