DOM算法系列007-判定给定节点是否为空白节点

最新推荐文章于 2025-09-23 13:05:12 发布
原创 最新推荐文章于 2025-09-23 13:05:12 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#正则表达式

本文介绍了空白节点的概念，即当节点值为空文本值时的节点。空文本值不仅包括可见的空格、换行符和制表符，还涵盖一些不可见的控制字符。通过正则表达式和JavaScript的test方法可以有效地判断一个文本节点是否为空文本值。该方法对于处理XML或HTML文档中的空白处理非常有用。

UID: 20221220141216
aliases:
tags:
source:
cssclass:
created: 2022-12-20

空白节点

什么是空白节点？
当一个节点的节点值为空文本值时，这个节点就是空白节点。
节点值： 即节点的 nodeValue 属性值：

实际上，节点值有内容的节点类型，除去CDATA类型和注释节点以及ProcessingInstruction类型外，就只剩下文本节点了，其它节点的给属性值统统为null.
所以，我们最终判断的就只是一个文本节点的节点值是否为空文本值。

空文本值

什么是空文本值？
空文本值并不是说什么字符都没有，而是只包含有那些不可见的控制字符(参见正则表达式中的空白符详细解释)，比如：

  • 空格（有很多种，比如零宽空格，发宽空格，不间断空格等等）（\s）
  • 回车符（\r）
  • 换行符(\n)
  • 制表符(\t)
  • 等等…

实现

由于空文本值所包含的不可见字符种类很多，所以我们最好的选择是借助正则表达式和JS的tes

最低0.47元/天 解锁文章
DOM节点介绍及获取节点的方式
YY的博客
10-20 1955
childNodes、children、firstChild、firstElementChild、lastChild、lastElementChild、previousSibling、previousElementSibling、nextSibling、nextElementSibling、 parentNode、parentElement、attributes、document.body()
DOM算法系列006-判定给定节点是否为换行（br）节点
林中路
12-20 409
这个属性是只有元素节点才有的，所以只要确定了它有这个标签名，就可以确定它是元素节点了。一个节点要满足两个条件，我们就可以判定其为。这个判断，也确定它是元素节点，但是。
jQuery判断Dom对象是否存在
web开发自学
02-28 219
我们时常要检测一个DOM对象是否为空。 var $jObject = $('#btn'); alert($jObject ); 我们会发现，$jObject 永远不会为空。为什么呢？$ 方法查找对象，始终都会返回一个jQuery 对象的。 解决办法： 我们就要把jQuery对象转换成js对象。 ①var dom = $jObect[0]; alert(dom); ②if(...
js判断元素是否为空，是否存在
fs的专栏
09-12 3111
if($("#id").length){//判断元素是否存在}  if($("#id").html()){//判断元素是否为空}
DOM之空白节点
weixin_34055910的博客
05-24 260
2019独角兽企业重金招聘Python工程师标准>>> ...
LeetCode之算法面试之链表5之删除链表中的节点（237）、删除链表的倒数第N个节点（19）、旋转链表（61）、重排链表（143）、回文链表（234）
weixin_45666566的博客
11-08 347
链表51、删除链表中的节点（237）2、删除链表的倒数第N个节点（19）3、旋转链表（61）4、重排链表（143）5、回文链表（234） 1、删除链表中的节点（237） 题目描述： 【简单题】 请编写一个函数，使其可以删除某个链表中给定的（非末尾）节点。传入函数的唯一参数为 要被删除的节点 。 题目链接 思路分析： 2、删除链表的倒数第N个节点（19） 题目描述： 【中等题】 给定一个链表，删除链表的倒数第 n 个节点，并且返回链表的头结点。 题目链接 思路分析： 3、旋转链表（61） 题目描述： 【中
95% 的算法都是基于这 6 种算法思想，大厂Java面试必考点
程序员干货站
06-23 647
算法思想是解决问题的核心，万丈高楼起于平地，在算法中也是如此，95% 的算法都是基于这 6 种算法思想，结下了介绍一下这 6 种算法思想，帮助你理解及解决各种算法问题。 1 递归算法 1.1 算法策略 递归算法是一种直接或者间接调用自身函数或者方法的算法。 递归算法的实质是把问题分解成规模缩小的同类问题的子问题，然后递归调用方法来表示问题的解。递归算法对解决一大类问题很有效，它可以使算法简洁和易于理解。 优缺点： 优点：实现简单易上手 缺点：递归算法对常用的算法如普通循环等，运行效率较低；并且在递归调用的
22、正则树语言的Borel复杂度判定
最新发布
y2z3a4b5c的博客
09-23 21
本文研究了正则树语言的Borel复杂度判定问题，重点扩展了对非确定性奇偶树自动机所接受语言在Δ₀²类中的刻画。通过引入拓扑游戏（如Wadge游戏和切割游戏）以及代数结构（如Myhill-Nerode等价类和策略图），建立了语言的Wadge度与策略图递归性之间的等价关系，证明了d_W(L) ≥ ω₁当且仅当策略图G_L是递归的。该结果实现了对Wadge度不低于ω₁的语言的有效判定，并为后续研究其他Borel类的可判定性提供了理论基础和方法支持。
洪水填充算法原理与JavaScript实现详解
该算法的核心思想是：从一个给定的“种子点”出发，向四周扩散，将所有与该点连通且满足特定条件的像素或节点进行统一标记或修改，直到无法继续扩展为止。其工作方式类似于在纸上用颜料涂抹时，墨水从落笔点向外渗透...
空白节点_
qq_41617901的博客
09-17 299
1.幽灵空白节点 2.display:inline-block元素之间空隙
Js 判断输入框内容是否为空 Dom事件小例子
weixin_44960612的博客
05-01 1213
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp...
dom 删除空白节点
Czhenjin的博客
03-27 627
所谓的空白节点包括换行 回车 空格 字符 删除空白节点的方法有两种，首先第一种是自己封装一个函数把非空白的节点存储在一个自定义变量中 之后访问自定义变量中的节点即可（这时你访问的都是筛选过的非空白节点） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>&l...
JavaScript的DOM_处理空白节点
06-19 192
一、空白节点产生的原因 　　在非 IE6,7,8 中，标准的 DOM 具有识别空白文本节点的功能。 　　在火狐浏览器等其他浏览器中是 7个，而 IE6,7,8 自动忽略了，如果要保持一致的子元素节点，需要手工忽略掉它。 <script type="text/javascript"> window.onload = function () { ...
JS DOM 中的空白节点的过滤
超越梦想的专栏
08-07 6634
看如下HTML代码 DOM Test <!-- var td = document.getElementById("TEST"); alert(td.childNodes.length); //结果为4 -->         由于DOM中，空白也是作为一个文本节点，而两个input元素后面都有空白（回车、空格、制表符），所以结果为4
html 页面空白节点问题
纯爱枫若情的博客
07-25 3332
html 页面空白节点问题 最近碰到一个 html/css 的问题，困扰了我好久。 先看下面的图片： 这是个很简单也很常见的表单，当然现在没加什么样式。但是我调试了很久却发现，最下面的选择框左边怎么也对不齐。 我的代码如下： <div> <span>姓名: </span><input type="text"/> </div> &lt...
html 遍历 所有节点 空白节点,DOM
weixin_35809867的博客
06-17 470
一、DOM对象概念1.DOM document object model 文档对象模型是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式2.HTML文档中的DOM树加载HTML页面时，Web浏览器生成一个树形结构，用来表示页面内部结构。DOM将这种树形结构称为节点组成的节点树。3.DOM中的三种节点种类在JS中所有节点都是对象●元素节点的获取方法(1)通过当前元素节点...
java dom属性节点_DOM获取节点全部方法
weixin_39520149的博客
03-04 997
获取节点其他方法概述：DOM对象给我们提供很多方法去获取节点。方法如下：```getElementById:通过节点ID属性值获取标签``````getElementsByTagName:通过标签名字获取节点。这个方法给我返回是是一个数组。数组里面的元素为节点。``````getElementsByClassName:通过标签的calss属性值获取相对应节点，这个方法给我们返回数组数组里的元素也是...
DOM读取XML空节点异常办法
是成长吧
05-26 818
[code="java"] XML中有这样一个节点, 空节点 出错前是这么写的 String source = doc.getElementsByTagName("source ").item(i).getFirstChild().getNodeValue(); 解决的办法就是在取值之前加一个判断: String source = ""; if(doc.getElements...
DOM判断节点类型分分钟搞定
weixin_46370867的博客
11-29 1765
小编和你一起解锁DOM判断节点类型的秘密 Let’s GO ! ! ! Node对象中的nodeName获取指定节点的节点名称 Node对象中的nodeType获取指定节点的节点类型 nodeType 属性返回以数字值返回指定节点的节点类型 如果节点是元素节点，则 nodeType 属性将返回 1 如果节点是属性节点，则 nodeType 属性将返回 2 如果节点是文本节点，则 nodeType 属性将返回 3 Node对象中的nodeValue获取指定节点的值 在DOM树结构中，文本节点是元
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值