直接使用nextSibling获得下一个节点

最新推荐文章于 2023-10-04 09:00:00 发布
最新推荐文章于 2023-10-04 09:00:00 发布
阅读量925 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： script技巧 文章标签： javascript server border function table html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sweatlove/article/details/1824527

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
<SCRIPT language="javascript">
function Display(obj)
{
sid=obj.parentNode.parentNode.nextSibling;
if (sid.style.display == "none")
{
sid.style.display="";
obj.innerText="-";
}else{
sid.style.display="none";
obj.innerText="+";
}

}
</SCRIPT>
</head>
<body>

    <form id="form1" runat="server">
    <table border=1>
    <tr>
    <td><div onclick="Display(this)">+</div></td>
    </tr>
    <tr>
    <td>45454545</td>
    </tr>
    </table>
    </form>
</body>
</html> 

js获取html节点的子节点,Js 获取HTML DOM节点元素的方法小结
weixin_35569158的博客
06-08 1317
Js 获取HTML DOM节点元素的方法小结如何获取要更新的元素，是首先要解决的问题。令人欣慰的是，使用JavaScript获取节点的方法有很多种，这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过)1. 通过顶层document节点获取：(1) document.getElementById(elementId) ：该方法通过节点的ID，可以准确获得需要的元素，是比较简...
javascript 节点排序实现代码
10-28
对于相同父节点下的节点，排序相对简单，可以直接通过节点的`nextSibling`属性来比较并排序。如果两个节点完全相同，即它们是同一个节点，返回值为0，这通常用于去重。如果它们的父节点相同，那么可以通过遍历父节点...
查找指定节点之后的下一个元素节点getNextElement(node)
aoxiexian6183的博客
09-01 287
JavaScript 对DOM 操作非常灵活, node.nextSibling 可以方便找到下一个结点, 但这个结点不一定是元素节点 这有一个对JavaScript 的扩展函数, 可以供大家参考 //功能： 查找node节点的下一个元素节点 node为当前节点 // ** node.nexSibling 得到节点的下一个节点, 不一定是元素节点 ...
关于nextSibling和nodeValue
hybxiaodao的博客
06-10 929
&lt;input type="radio" name="radio1" value="A" /&gt;A &lt;input type="radio" name="radio1" value="B" /&gt;B &lt;input type="radio" name="radio1"
【DOM学习】nextSibling节点的用法
过宁妍的专栏
04-19 2070
one two three four five var curTarget = document.getElementById("three"); var change = function(target) { alert(target.innerHTML); } 这是要求第三个(three)节点的前一个兄弟节点（two）的用法，很奇怪为什
nextSibling、previousSibling 和 nextElementSibling、previousElementSibling
[暂停使用]任先阳
01-05 979
nodeType，主要与这个有关    nextSibling、previousSibling 可以说是所有节点； nextElementSibling、previousElementSibling 就是普通的元素节点。   
nextSibling使用注意（html的注释）
weixin_34194317的博客
05-03 430
nextSilbling 属性的作用是：直接返回一个节点之后的节点（其后的节点与当前节点同属一个级别）。 <table><tr><td name='b'><input class="a" value="1"/></td> <td name='b'><input value="2"/></td>...
javascript中的nextSibling使用陷(da)阱(keng)
10-25
`nextSibling`属性会返回指定节点的下一个兄弟节点。不过，它的行为在不同浏览器中存在一些差异，特别是在IE浏览器和其他现代浏览器之间的差异，这可能会导致开发者在跨浏览器开发时遇到一些难以察觉的陷阱。 具体...
javascript nextSibling 与 getNextElement(node) 使用介绍
10-28
例如，如果你有一个DOM元素，调用它的 `nextSibling` 就会得到紧随其后的节点，无论那个节点是什么类型。如果当前节点已经是最后一个子节点，`nextSibling` 返回 `null`。 ```javascript var element = document....
javascript中的previousSibling和nextSibling的正确用法
10-23
在IE中，如果你使用nextSibling获取下一个兄弟节点，可能会直接得到下一个元素节点，因为在IE中，元素节点之后的空白文本节点可能会被忽略。但在Firefox中，同一个操作可能会返回一个空白文本节点，然后再是元素节点...
DOM下的节点属性和操作
qq_41690927的博客
04-08 381
DOM（文档对象模型）是由W3C制定的一套访问和操作XML（eXtensible Markup Language）文档的标准，即API。比如DOM告诉JavaScript引擎如何在浏览器窗口中显示和操作XML创建的标记（Tag）。 DOM与特定的平台、浏览器、语言无关，很多种语言都实现了DOM，比如JavaScript和PHP都实现了DOM，所以 JavaScript中有getElementsB...
QT之xml文件的读写
techenliu的博客
10-04 1479
QT之xml文件的读写
查找tr下的特定td
Rayvers的博客
04-23 1993
最近写代码遇到了一个问题，怎么在表格中查找特定的td或者其他东西。 试了很多方法，结果当解决之后发现其实特别简单。 1.我想的是通过id读取，但是我是通过ajax从后端返回信息的。id是动态加载的，id不是固定的。 2.通过.find().eq()方法。.find()或者.children()都是寻找元素，.children()的作用是寻找当前元素的子元素。但他似乎并不能查找某一个元素。比如我用tr.children(“td”)，他会寻找tr中的所有td。.eq()可以限定是第几个。比如.eq(0)就是第一
JS--JavaScript访问节点（childNodes、parentNode、firstChild、lastChild、nextSibling、previousSibling）
吴声子夜歌的博客
09-25 3163
访问节点 通过节点之间的树形关系，可以定位文档中的每个节点。DOM为Node类型定义如下属性，以方便JavaScript对文档树中每个节点进行遍历。 ownerDocument：返回当前节点的根元素（document对象） parentNode：返回当前节点的父节点。所有的节点都仅有一个父节点 childNodes：返回当前节点的所有子节点的节点列表 firstChild：返回当前节点的首个子节...
HTML DOM nextSibling 和nextElementSibling属性
qq_42164670的博客
07-30 1977
nextSibling 和nextElementSibling的区别 nextSibling属性返回元素节点之后的兄弟节点（包括文本节点、注释节点）； nextElementSibling属性只返回元素节点之后的兄弟元素节点（不包括文本节点、注释节点）； 定义和用法 nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。 被返回的节点以 Node 对象返回。、 注释：如...
javascript nextSibling属性
苦艾文艺
06-07 1283
对于nextSibling属性，在W3school中的定义为： nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。注意所返回的节点必须是与上一个节点是同级关系，且彼此之间不能有空格，否则将会返回：undefined<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl
parentNode，children，nextSibling，previousSibling常用属性对比
图图小淘气的博客
06-17 1846
nextSibling： 返回元素节点之后的兄弟节点（包括文本节点、注释节点即回车、换行、空格、文本等等）； 注意: 空格、回车也会看作文本，以文本节点对待。 nextElementSibling： 属性只返回元素节点之后的兄弟元素节点（不包括文本节点、注释节点）； previousSibling： 获取元素的上一个兄弟节点；（既包含元素节点、文本节点、注释节点） previousElementSibling： 获取上一个兄弟元素节点；（只包含元素节点）； childNodes： 返回当..
js nextSibling属性和previousSibling属性
热门推荐
Sux
04-30 2万+
js nextSibling属性和previousSibling属性            1：nextSibling属性        该属性表示当前节点的下一个节点（其后的节点与当前节点同属一个级别）；如果其后没有与其同级的节点，则返回null。       需要特别注意的是：该属性在不同的浏览器中的执行结果并不都相同，见下面例示：      先来看
一颗二叉树怎么变成森林，并用一个简单的二叉树来演示一下过程
最新发布
06-21
forestforest=[first_tree_root]ifremaining_forest:forest.extend(remaining_forest)returnforest在转换左子树时，我们得到的是一个森林（列表of树），它应该成为第一棵树的子树。但在树结构中，子树是通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值