运用 children 获取节点子元素解决文本节点阻碍

在刚开始学习获取元素节点和节点子元素时用的是这几种获取方法：childNodes、parentNode、firstChild和lastChild .

在执行之后确发现,这几个获取节点和子元素的属性值都有一点坏习惯,导致获取到的值出了些问题：

遇到的问题：
1.childNodes会将标签节点间的空格用test文本节点代替,因为这个问题,打印出来的子元素节点集合里面有许多的text文本节点,看着复杂,大大降低了代码的可读性.
2.firstChild以及lastChild似乎也继承了这一个特点,它们获取到元素的第一个以及最后一个子元素打印出来的都是text文本元素,从而无法获取到真正意义上的子元素.

解决方法:运用children方法变相替换以上方法便可,在写法上稍稍更改可达成效果

效果截图:

就这样成功解决集合内容出现大量文本节点的问题了,获取第一以及最后子元素也不再是获取到文本元素.
…若有不足之处请各位能多提些建议

运用 children 获取节点子元素解决文本节点阻碍相关推荐

parentElement:返回当前元素的父元素节点（IE不兼容）、children:只返回当前元素的元素子节点、childElementCount、firstElementChild、......
parentElement:返回当前元素的父元素节点(IE不兼容,IE9以下) <!DOCTYPE html> <html lang="en"> <h ...
jQuery获取和设置元素
本篇文章聊聊如何使用jQuery获取和设置元素内容与值. 一.获取和设置元素内容在 jQuery 中,操作元素内容的方法包括 html() 和 text().前者与 JavaScript 中的 in ...
js第7章DOM案例：获取操作的元素、元素内容操作、元素属性操作、classList的使用、获取节点、节点追加、删除节点和节点属性
目录 1.获取操作的元素 document对象的方法 document对象的属性 Element对象的方法和属性 2. 元素内容操作 3.元素属性操作 4.classList的使用 5. 获取节点 6 ...
python selenium定位不到二级页面元素解决方法
在对一个页面元素进行操作,点击按钮弹出一个二级页面,一直获取不到元素解决: 需要切换到新的页面句柄才可以定位到元素 # 获取当前页的句柄main_windows = chromeDriver.cur ...
python获取当前网页元素_python – 如何获取webdriver中元素的当前内容
我相信预言是在正确的轨道.这取决于它是什么样的元素.您需要对输入元素使用element.get_attribute('value'),并返回元素的文本节点. 您可以使用element.tag_name ...
Java如何使用dom4j获取,添加,删除,查找,设置Element节点呢？
转自: Java如何使用dom4j获取,添加,删除,查找,设置Element节点呢? 下文笔者讲述DOM4J操作Element节点的示例分享,如下所示获取文档的根节点 Element rootElm ...
html分块时边距的设置,html – 文本节点后第一个块的边距(垂直空间)？
我不确定你是否会认为这是对你的问题的完整答案,因为我知道你正在使用< td>在您的示例中,< td>之间存在一个差异.和< dd>或者< li>元素是& ...
jq append添加的元素click获取不到的解决方法
移动端手机ios网页,apppend添加html class名用 on()方法没效果解决方案:在html里面给需要点击的元素加一个οnclick="javascript:void(0)&q ...
Jquery中如何获取元素的文本，值，属性和内容
jQuery DOM 操作jQuery 中非常重要的部分,就是操作 DOM 的能力.jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易. 提示:DOM = Docume ...
jquery只获取自身文本节点，不获取子元素的
jQuery.text()方法时候,会把子元素的文本也获取到,以下方法可获取自身文本节点,不包括子元素 <div id="demo">只获取我<a href=&q ...

运用 children 获取节点子元素解决文本节点阻碍

运用 children 获取节点子元素解决文本节点阻碍相关推荐

最新文章

热门文章