Javascript第五章为什么用firstChild获取table中最后一个节点会取到text或者tbody第十一课

最新推荐文章于 2022-05-20 16:21:38 发布
最新推荐文章于 2022-05-20 16:21:38 发布
阅读量1.1k 收藏
点赞数 2
分类专栏： Javascript 文章标签： firstChild text tbody
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30225725/article/details/89302613
版权

在这里插入图片描述
firstChild　　　　　　　　firstElementChild第一个子节点

lastChild　　　　　　　　lastElementChild最后一个子节点

nextSibling　　　　　　 nextElementSibling下一个子节点

previousSibling　　　　 previousElementSibling前一个子节点

lastChild　是取到最后一个子节点

一般在table表格中 编辑器将代码规范化，自动加上thead tboby

所以 每次您用 lastChild 都会取到text 或者tbody

在这里插入图片描述
如果 在tr 和table之间有空格，自动会取到text

所以 用两次firstChild 取到子节点的上一个节点

Java成长记_Camel
关注
专栏目录
firstChild、lastChild 和 firstElementChild、lastElementChild 的区别
webchang的博客
02-19 2558
firstChild、lastChild 和 firstElementChild、lastElementChild 的区别
JavaScript（七）获取节点，操作节点，BOM
weixin_68531139的博客
09-12 1375
BOM 浏览器对象模型 Browser Object Model 主要是针对浏览器进行操作 BOM给我们提供了很多工具方法，可以帮助我们快速操作浏览器window对象是整个BOM中的顶级对象 window对象包括下面的二级对象，其中二级对象中最特殊是document对象，document对象标识html节点 由document对象衍生出整个DOM每一个事件 都会拥有一个对象，这个对象用来纪律该事件的重要信息注意：事件对象只能存在于事件处理函数中 超过这个范围就不能使用了。
childNodes[0].nodeName获取第一个子节点为什么是#text而不是便签名？
qq_40907228的博客
10-08 4224
当我们想要获取div中的第一个子元素p时，想要通过div.childNodes[0]获取，但是得到的结果并不是我们所想要的。获取div.childNodes.length得出的结果是7，并不是我们想得到的3。原因就是空白文本也算成了文本节点。 如图： <div id="div" title="标题" class="cls">      <p>测试1</p&gt..
js获取的第一个子节点不是＜div＞?,为什么是text
艾丽的博客
02-03 589
如下所示，父级div的第一个子节点是div，但是实际当中获取到的第一个子节点却显示为text <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div id="parent"> <div>111</div> <div>222</div> <div>333</d
FireFox对TABLE中各元素的firstChild属性的处理
mydeman的学习日志
10-17 4491
前几天测试一个小程序，其中需要获取表格中某行第一个单元格自定义的属性值，很自然地就用到：tr.firstChild.getAttribute(bill_id); 这行代码在IE6上可以正确执行，但是在FireFox3.5上却没有结果。错误提示：不支持该属性或方法。根据经验判断，应该是tr或者tr.firstChild二者中有一个没有获取正确的对象。于是使用tr.nodeName和tr.
最近的学习
萝卜青菜
09-19 923
1.通过table访问其内部的所有数据在取得table对象之后，如果想访问他的内部元素可以通过如下的语句进行访问oRowCollection=oTable.firstChild.childNodes这样就得到了一个由行组成的对象集合，因为在HTML代码中Table的下一层元素就是TR，因此我以为通过oTable.childNodes就可以直接访问到行集合，但事实证明我的想法是错误的，使用alert
【Web前端笔记-基础】第十六课，节点操作（DOM核心）
嘿嘿嘿的博客
12-05 583
一：简介 节点（复习）：页面上的所有元素都可以当成是节点。 节点的作用：获取元素，我们的DOM提供了两种获取元素的方法，一种是通过一些方法来获取（例如我们之前用过的getElementById等），但是，这些方法非常繁琐，而且逻辑性也不强，只要用到就得一个一个都获取到。另一种方法就是用节点来获取，可以先获得一个节点，之后便可通过这个节点来获取它的兄弟或者父子。这样非常方便，逻辑性也强了些，就...
Javascript遍历Html Table示例(包括内容和属性值)
10-25
`childNodes`属性返回一个包含所有子节点的NodeList，而`.item(0)`则是获取这个列表的第一个元素，因为在HTML中，`<table>`的第一个子节点通常是`<tbody>`。接着，外层循环遍历每一行（tr），内层循环遍历每一列（td...
《JavaScript高级程序设计》- 第十四章：DOM
qq_55978913的博客
02-27 797
第十四章：DOM 文档对象模型（Document Object Model）是HTML 和 XML文档的编程接口；就是开发者可以通过JavaScript编程，添加、删除、修改页面的各个部分； 14.1 节点层级 任何HTML\XML文档都可以表示为由节点构成的层级结构。 <html> <head> <title>Sample Page</title> </head> <body>
JavaScript中的DOM（一）
m0_51636525的博客
05-20 958
1.DOM的理解 DOM称为文档对象模型（Document Object Model） 将页面所有内容表示为可以修改的对象 ◼浏览器会对我们编写的HTML、CSS进行渲染，同时它又要考虑我们可能会通过JavaScript来对其进行操作：  于是浏览器将我们编写在HTML中的每一个元素（Element）都抽象成了一个个对象；  所有这些对象都可以通过JavaScript来对其进行访问，那么我们就可以通过JavaScript来操作页面；  所以，我们将这个抽象过程称之为 文档对象模型（D
JavaScript学习笔记——firstchild的问题
403 Forbidden
09-08 703
在学习获取元素的时候发现了这样一个问题 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <
firstElementChild与firstChild区别
热门推荐
12-19 1万+
Element Traversal规范中的firstElementChild、lastElementChild、previousElementSibling、nextElementSibling、childElementCount属性 Element Traversal规范定义了ElementTraversal接口，它允许脚本遍历DOM树中的元素（element）节点，而不包含元素节点之外的
为什么，node_body.firstChild找不到table节点
weixin_34212762的博客
11-22 117
在Firefox下，会把空格或者换行，当成一个文本节点。因此所有标记之间的空格和换行都去掉。
JS: lastChild innerHTML为undefined
qq_42689684的博客
03-25 714
问题描述 获取节点内容失败 <script type="text/javascript"> function checks(){ var tt=document.getElementById("myTable"); /*查找第二行第一个单元格内容*/ var s=tt.lastChild.innerHTML; alerrt(s); } </script> 原因...
DOM（二）——修改内容、属性、样式
Erya Programming learning
07-10 1654
一、修改内容 (1)获取或修改元素开始标签到结束标签之间的原始的HTML内容（双标签） 元素对象.innerHTML 获取元素内容时: innerHTML原样返回HTML代码中的html内容，不做任何加工 修改元素内容时: innerHTML会先将字符串内容交给浏览器解析，然后将解析后的可以给人看的内容显示在页面上 示例： <h3 id="msg">来自<a href="#">&lt;&lt;新华社&gt;&gt;</a>的消息<
第二十三节：DOM对象
qq_43628158的博客
02-17 458
DOM对象解析 DOM为Document Object Model的简写（文档对象模型）； 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model） Document 对象是 HTML 文档的根节点。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问 提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问 ...
原生js firstChild 获取元素的第一个节点兼容问题（需求获取元素节点）
HHH917的博客
04-21 4102
原生js firstChild 获取元素的第一个节点问题 firstChild 获取当前元素节点下的第一个子节点。 获取到的子节点可能是元素节点，但编程中更可能是注释节点或文本节点。 没有子节点则返回null 下面引用代码说明 下面代码我们需求是获取div的第一个子元素节点。但是结果返回的是文本节点，因为兼容问题， . 在IE9+和其他标准浏览器中，div与p之间的空白区域被...
JavaScript获取当前节点的子节点的第一个节点
最新发布
06-03
您可以使用 JavaScript 中的 `firstChild` 属性来获取当前节点的第一个子节点。示例代码如下： ```javascript var parent = document.getElementById("parent"); // 获取父节点 var firstChild = parent.firstChild...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值