HTML table中的兄弟关系previousSibling

最新推荐文章于 2022-11-26 12:38:52 发布
最新推荐文章于 2022-11-26 12:38:52 发布
阅读量383 收藏
点赞数
分类专栏： HTML JS 文章标签： table表格 兄弟关系 previousSibling 尚学堂js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yincaiTA/article/details/103283570
版权
HTML 同时被 2 个专栏收录
2 篇文章 0 订阅
订阅专栏
JS
2 篇文章 0 订阅
订阅专栏

记录一下学习尚学堂js table案例时遇到的问题

实现的样式
table某一行的代码
js操作部分代码
在updateRow()中alert(cell)会发现得到的是下图中结果（因为图二标红的地方是文本）
使用previousSibling得到的单元格对象结果
这个道理我觉得和下面这图通过showdiv获取div对象后，再通过div对象.childNodes.length，结果是12一样，6个空行6个标签
例子
所以通过兄弟关系获取单元格的对象是不行了，我参考了尚学堂视频里的方法，就是图三里被我注释的那一部分，先获取行对象，再通过**行对象.cells[Index]**的方法获取某个单元格的信息。

再记录下之前的删除行中:通过表格对象.removeChild(行对象)删除行的操作也不行，得用表格对象.deleteRow(rowIndex)才行，rowIndex可以通过行对象.rowIndex直接获取

愔才TA
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM 脚本编程中的兄弟节点
09-05
在DOM（Document Object Model）脚本编程中，节点之间的关系是构建和操作网页结构的关键。兄弟节点是指在同一个父节点下，拥有相同层级的子节点，它们之间通过`previousSibling`和`nextSibling`属性相互关联。这两个...
表格，点击哪行哪行显示
qq_64180670的博客
11-09 225
表格的跨行跨列显示
previousSibling、previousElementSibling的区别
sunlizhen的专栏
06-18 1万+
previousSibling：获取元素的上一个兄弟节点；（既包含元素节点、文本节点、注释节点） div id="box"> ul id="ul"> li>第一个li> li id="one">第二个li> li>第三个li> ul> p>我是第二个子节点p> div> var one = docume
html 获取下一个兄弟节点,JS/JQuery获取当前元素的上一个/下一个兄弟级元素等元素的方法...
weixin_35079144的博客
06-07 2125
$(function(){//遍历获取的input元素对象数组，绑定click事件var len = $("input[type='file']").length;for(var i = ; i < len; i++){$("input[type='file']").eq(i).click(function(){$(this).next().val("");$(this).next().hi...
详解DOM节点及属性API
Devin_Chen的博客
01-09 448
DOM节点 目录 DOM节点 HTML DOM 节点树 节点父、子和同胞 节点 节点类型 节点设置与获取 children 与 childNodes nextSibling 与nextElementSibling previousSibling 与 previousElementSibling firstChild 与firstElementChild last...
java笔记注解
m0_73469063的博客
11-26 253
​ 2、根节点：必须只能有一个根节点 ​ 3、标签：标签必须有结束且区分大小写，标签必须顺序嵌套 ​ 4、属性：必须引号引起值 ​ 5、空格会被保留，HTML空格最多保留一个 ​ 6、命名规则：命名必须见名知意 a)名字可包含字母、数字以及其他的字符 b)名字不能以数字或者标点符号开始 c)名字不能以字符“xml”（或者XML、Xml）开始 ​ 7、名字不能包含空格 ​ 8、 不应在 XML 元素名称中使用 ":" ，这是由于它用于命名空间（namespaces）的保留字。以下是一些XML的显着特征。
JavaScript中的previousSibling和nextSibling使用注意事项
热门推荐
04-30 3万+
JavaScript中的previousSibling和nextSibling使用注意事项 JavaScript中的previousSibling和nextSibling是获取上一个、下一个同胞元素，如果上一个或下一个同级节不存在，则此属性返回值是null。如果不注意,就会引起错误。 HTML结构中的各种空格、换行符都可...
JS中的DOM查询（2）,(parentNode、previousSibling、nextSibling)
Fantasc的博客
08-02 1195
获取父节点和兄弟节点· 通过具体的节点，调用以下三个属性来对父节点和兄弟节点进行操作。 parentNode属性，获取当前节点的父节点。 previousSibling属性，获取当前节点的前一个兄弟节点。 在用previousSibling属性去元素节点的前一个兄弟节点时，如果前一个节点是空白文本，会将空白文本节点返回，而不是放回兄弟节点。可以用previousElementSibling属性来代替，用previousElementSibling属性不会将空白文本当做兄弟节点返回。但是后者不支持ie8一
HTML表格行上下移动,JS控制HTML表格行上下移动
weixin_27885845的博客
06-03 281
补充一下：重新调整了CSS和JS的浏览器兼容，希望大家多多指教，ThankYou！/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Table testtable {width: 300px;border: 1px solid black;}.table2 {width: 300px;border: 0px;}td...
javascript中的previousSibling和nextSibling的正确用法
10-23
主要介绍了javascript中的previousSibling和nextSibling的正确用法的相关资料,需要的朋友可以参考下
操作Dom中的子元素与兄弟元素的代码
09-05
在DOM（文档对象模型）中，子元素和兄弟元素是两个重要的概念，用于描述HTML或XML文档结构中的关系。理解并熟练操作这些元素对于前端开发至关重要。在本篇文章中，我们将深入探讨这两个概念，并通过示例代码来展示...
js nextSibling属性和previousSibling属性概述及使用注意
10-27
nextSibling属性:该属性表示当前节点的下一个节点；如果其后没有与其同级的节点，则返回...previousSibling属性:该属性与nextSibling属性的作用正好相反,接下来将详细介绍下，感兴趣的你不妨了解下哦，或许对你有所帮助
previousSibling 使用问题
luodao_的博客
11-23 1828
在使用 previousSibling 获取某个元素的上一个兄弟节点时，节点之间不应存在有空格，否则会报错。 无标题文档 window.onload=function(){ var oLi=document.getElementById('li1'); oLi.previousSibling.style.background='red'; }
HTML入门零基础教程（二）
weixin_65445097的博客
10-26 1524
HTML入门零基础教程（二），一起来学习吧。
HTML 5兄弟选择器
王者之笨的博客
10-25 2549
这个比较简单，看注释就能明白： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &lt;title&gt;HTML 5兄弟选择器&lt;/title&gt;     &lt;meta name="keywords" content="
html的标签关系（父子关系和兄弟关系）以及父元素，子元素，后代元素，兄弟元素
叶鹤的博客
10-18 5189
html的标签关系（父子关系和兄弟关系）以及父元素，子元素，后代元素，兄弟元素 文章目录html的标签关系（父子关系和兄弟关系）以及父元素，子元素，后代元素，兄弟元素标签关系父元素，子元素，兄弟元素，后代元素 标签关系 双标签关系可以分成两类： 父子关系 （嵌套关系） 父子关系就是在一个双标签内嵌套其他元素，那么嵌套在其中的元素就相当于“子”，其外层元素相当于“父”。 兄弟关系 （并列关系） 兄弟关系就是在“父标签”内有多个并列的元素，这些并列的元素之间就是兄弟关系。 父元素，子元素，兄弟元素，后代元素
previousSibling和nextSibling用法
pupilkk的博客
01-18 1998
firstChild,lastChild,nextSibling,previousSibling都会将空格或者换行当做节点处理，但是有代替属性所以为了准确地找到相应的元素，会用firstElementChild,lastElementChild,nextElementSibling,previousElementSibling兼容的写法，这是JavaScript自带的属性。但坏消息是IE6,7,8
SecondactivityMainActivity.java
最新发布
06-24
SecondactivityMainActivity.java
previousSibling
05-04
`previousSibling` 是一个 DOM 属性...在上面的示例中，我们获取了第二个 `li` 节点，并使用 `previousSibling` 属性获取了它前面的文本节点。然而，我们可以使用 `previousElementSibling` 属性来获取前一个元素节点。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值