当前位置: 首页 > 编程笔记 >

在JavaScript中使用列表元素的兄弟?

姚臻
2023-03-14
本文向大家介绍在JavaScript中使用列表元素的兄弟?,包括了在JavaScript中使用列表元素的兄弟?的使用技巧和注意事项,需要的朋友参考一下

为了找到列表元素的同级 元素,javascript提供了一种称为node.nextSibling的方法。如果我们知道列表的任何成员,我们可以找到其同级。让我们简要地讨论一下。

语法

node.nextSibling;

示例

在以下示例中,有3个列表元素。使用 nextSibling属性,找到第一个元素的同级并将结果显示在输出中。

现场演示

<html>
<body>
<ul><li id="item1">Tesla</li><li id="item2">Spacex</li><li id="item3">Solarcity</li></ul>
<p id="next"></p>
<script>
var x = document.getElementById("item1").nextSibling.innerHTML;
document.getElementById("next").innerHTML = "The sibling element is "+" "+x;
</script>
</body>
</html>

输出结果

Tesla
Spacex
Solarcity
The sibling element is Spacex


示例

在以下示例中,有3个列表元素。使用 nextSibling属性,找到第二个元素的同级并将结果显示在输出中。兄弟元素不过是目标元素的下一个元素。

现场演示

<html>
<body>
<ul><li id="item1">Tesla</li><li id="item2">Spacex</li><li id="item3">Solarcity</li></ul>
<p id="next"></p>
<script>
var x = document.getElementById("item2").nextSibling.innerHTML;
document.getElementById("next").innerHTML = "The sibling element is "+" "+x;
</script>
</body>
</html>

输出结果

Tesla
Spacex
Solarcity
The sibling element is Solarcity
 类似资料:
  • 本文向大家介绍JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法,包括了JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法的使用技巧和注意事项,需要的朋友参考一下 最近工作中总遇到取各种父啊子啊兄弟姐妹啊,每次都得查,这次整理个全乎的~ 先给大家上干货: 【js的获取方式】 【jQuery的获取方式】

  • 本文向大家介绍如果列表元素li的兄弟元素为div,会产生什么情况?相关面试题,主要包含被问及如果列表元素li的兄弟元素为div,会产生什么情况?时的应答技巧和注意事项,需要的朋友参考一下 单纯的对html来说主要是破坏了语义结构吧, css方面来说不好统一控制样式,div默认也没有list-style

  • 本文向大家介绍在Python列表中查找最常使用的元素,包括了在Python列表中查找最常使用的元素的使用技巧和注意事项,需要的朋友参考一下 在本文中,我们将看到如何查找给定列表中最常见的元素。换句话说,频率最高的元素。 随着最大和计数 我们应用了为什么set函数获取列表的唯一元素,然后考虑列表中的每个元素。最后应用max函数获得频率最高的元素。 示例 输出结果 运行上面的代码给我们以下结果- 带柜

  • 问题内容: 我有一个清单“ a” 我需要找到一个特定数字的所有元组。说1 我怎么做? 问题答案: 如果只希望第一个数字匹配,则可以这样操作: 如果您仅搜索其中包含1的元组:

  • 问题内容: 所以这是我的代码: 包含一个整数列表。我想比较于并打印出不在的数字相比时。 当不能比较时,我可以打印其中的元素,但是当我尝试使用上面的代码进行相反操作时,则什么也不会打印。 有什么帮助吗? 问题答案: 您的代码没有按照我认为的方式执行。该行将遍历,每次等于的一个元素。因此,在执行任何操作之前,原始列表将被覆盖。 我想你想要这样的东西: 但是您可以轻松地执行以下操作: 或(如果您不介意丢

  • 问题内容: 我想使用此forEach循环从列表中删除一个元素。 问题答案: 您 不应该 修改要循环的数组。不过,您可以制作一个新的: 为什么不应该修改要循环的数组。