DOM算法系列006-判定给定节点是否为换行（br）节点

原创 已于 2022-12-20 15:33:31 修改 · 409 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#DOM

于 2022-12-20 15:31:09 首次发布
本文介绍了如何通过编程判断一个节点是否为HTML的<br>标签，利用tagName属性确认元素类型，并提供了一个isBr函数实例。重点在于元素节点和BR标签名的双重确认。

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

一个节点要满足两个条件，我们就可以判定其为br 元素节点

  • 它必须是一个元素节点。因为它始终表现为html 的标签<br />;
  • 既然它是一个标签，它的标签名必须是 BR;

所以，我们有如下代码：

function isBr(node) {
   
   
	return node && node.tagName === 'BR'
}

有的地方还会

最低0.47元/天 解锁文章
DOM算法系列007-判定给定节点是否为空白节点
林中路
12-20 1104
实际上，节点值有内容的节点类型，除去CDATA类型和注释节点以及ProcessingInstruction类型外，就只剩下文本节点了，其它节点的给属性值统统为null.由于空文本值所包含的不可见字符种类很多，所以我们最好的选择是借助正则表达式和JS的。，也是空白符的一种），对于我们提到的其它各种空白符，由于十分不常见，就不再考虑。所以，我们最终判断的就只是一个文本节点的节点值是否为空文本值。它旨在匹配所有的空格、制表符、换行符、回车符以及零宽间隔符号（当一个节点的节点值为空文本值时，这个节点就是空白节点。
95% 的算法都是基于这 6 种算法思想，大厂Java面试必考点
程序员干货站
06-23 647
算法思想是解决问题的核心，万丈高楼起于平地，在算法中也是如此，95% 的算法都是基于这 6 种算法思想，结下了介绍一下这 6 种算法思想，帮助你理解及解决各种算法问题。 1 递归算法 1.1 算法策略 递归算法是一种直接或者间接调用自身函数或者方法的算法。 递归算法的实质是把问题分解成规模缩小的同类问题的子问题，然后递归调用方法来表示问题的解。递归算法对解决一大类问题很有效，它可以使算法简洁和易于理解。 优缺点： 优点：实现简单易上手 缺点：递归算法对常用的算法如普通循环等，运行效率较低；并且在递归调用的
css识别换行
olive
09-06 7820
数据库内容：自由搏击，即踢拳，是站立式格斗，指一方倒地便不允许另一方击打，同时不能使用反关节技、肘、膝等，对摔法也有一定程度的禁止。自由搏击又称国际自由搏击，欧美全接触自由空手道等。 自由搏击它不拘泥于任何固定的套路招式，而是提倡在实战中根据战况临场自由发挥，风格开放，灵活施展拳、脚、肘、膝和摔跌等各种立体技术，长短兼备，全面施展，以最终击倒或战胜对手为目的。“告诉我基本原理，我将得出适合我自身...
html textarea换行和dom换行
weixin_33857679的博客
11-17 234
从事开发已经两年多了，但是还是不会发现问题找原因，可能是自己一直在学校养成的习惯吧，不过最近在葛经理的带领下开始学会找原因了，而且发现自己变得更成熟了。 现在讲讲textarea和dom的换行吧，我们都知道dom换行是”&lt;br /&gt;”而在textarea中换行是”\r\n”，如果你把textarea获取到的数据显示在dom中，当然就显示不了换行了，因为两者的换行符是不同的，这也是我在...
DOM节点及其相关操作
qq_57193827的博客
07-17 262
JS学习
1. 怎么判断容器内元素内容是否溢出了 2. typeof和instanceof的区别
weixin_47353884的博客
10-24 488
typeof更适合检查基本数据类型，而instanceof更适合检查对象是否属于特定的类或构造函数创建的
【C++】红黑树的全面探索和深度解析
island1314的博客
07-24 1448
RED,BLACK:_kv(kv){}public:~RBTree()//根节点默认为黑色// 新增节点。颜色红色给红色elsewhile (parent && parent->_col == RED) //当父亲节点为红色，则出现了连续的红色，不符合条件// g// p uif (uncle && uncle->_col == RED) //叔叔存在并且为红//往上面走else。
22、正则树语言的Borel复杂度判定
最新发布
y2z3a4b5c的博客
09-23 21
本文研究了正则树语言的Borel复杂度判定问题，重点扩展了对非确定性奇偶树自动机所接受语言在Δ₀²类中的刻画。通过引入拓扑游戏（如Wadge游戏和切割游戏）以及代数结构（如Myhill-Nerode等价类和策略图），建立了语言的Wadge度与策略图递归性之间的等价关系，证明了d_W(L) ≥ ω₁当且仅当策略图G_L是递归的。该结果实现了对Wadge度不低于ω₁的语言的有效判定，并为后续研究其他Borel类的可判定性提供了理论基础和方法支持。
JavaScript实现五子棋游戏源码解析
这一过程涉及大量DOM操作，包括节点创建（document.createElement）、属性设置（setAttribute）、样式控制（style属性）以及父子节点追加（appendChild），是前端开发者必须掌握的基础技能之一。 接下来是事件处理...
华为云Stack计算节点内部网络结构的奥秘
zgt_certificate的博客
06-05 1089
在br-int中，流量根据其目的地进行转发，如果流量需要跨主机传输，则会通过patch-tun进入br-tun，并通过vxlan-vtp创建VXLAN隧道进行传输。这个结构确保了虚拟网络的灵活性和高效性。如果流量需要进行路由处理，则会通过int-router和router-int进入br-router桥进行处理。br-tun是用于处理隧道流量（如VXLAN、GRE等）的OVS桥，用于实现跨主机的虚拟网络连接。br-router是用于虚拟路由器的OVS桥，处理虚拟网络之间的路由和转发。
BR备份测试
一条大河
02-11 859
主要介绍利用BR工具对TiDB进行全量热备和恢复的操作步骤
Node节点类型的判断。
qq_33325959的博客
11-08 2544
<div id="div1">我是html，重点看js</div>window.onload=function(){ var div=getElementById("div1"); //判断div节点类型 if(div.nodeType==1){ alert("我是元素节点") } if(div.childNodes[0].nodeType==
BR 备份与恢复场景示例
weixin_42241611的博客
09-09 894
是一款分布式的快速备份和恢复工具。
在 JavaScript 中检查元素是否存在于 DOM 中
six6de6的博客
08-19 4845
在 JavaScript 中检查元素是否存在于 DOM 中
<c:if>的用法判断是否换行
liuzhen917的专栏
09-24 3296
${rr.right_name}                                 
DOM方法
xuxunjy的博客
09-14 287
获取当前元素的子节点 通过具体的元素节点调用 元素不包括字符，节点包括空格和字符 元素是标签之类的， ​ 1.getElementsByTagName() ​ -方法，返回当前节点的指定标签名后代节点 ​ 2.childNodes ​ -属性，表示当前节点的所有子节点 ​ 3.firstChild ​ -属性，表示当前节点的第一个子节点 ​ 4.lastChild ​ -属性，表示当前节点的最后一个子节点 ​ 5.children ​ 属性可以获取当前元素的所有子元素 ​ 6.firstEle
DOM：注意块元素之间的换行符
HYeeee的博客
05-28 2072
在DOM中，在块级元素之间会存在一个换行符，有的浏览器会将它解释为一个文本节点，如下所示。 &lt;p&gt;2323&lt;/p&gt; &lt;h2&gt;hehe&lt;/h2&gt; &lt;script type="text/javascript"&gt; var a = document.getElementsByTagName("p"); console.l
DOM-节点操作
weixin_41909678的博客
07-22 2155
学习目的 获取元素常用的两种方式
master节点重置后添加node报错_原生JS中DOM节点相关API合集
weixin_39752788的博客
11-21 185
来源 | https://microzz.com/2017/04/06/jsdom/节点属性Node.nodeName //返回节点名称，只读Node.nodeType //返回节点类型的常数值，只读Node.nodeValue //返回Text或Comment节点的文本值，只读Node.textContent //返回当前节点和它的所有后代节点的文本内容，可读写Node.b...
relation-graph节点文字换行
07-31
在relation-graph中，可以通过设置节点样式属性来实现换行，具体是设置`nodeStyle`中的`textWrap`为`true`，并且可以设置`textMaxLineLength`（每行的最大字符长度）或`textMaxLineCount`（最大行数）来控制换行。...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值