js获取子节点的兄弟节点

JS获取子节点的兄弟节点有两种方式：
1. 通过获取父亲节点再获取子节点来获取兄弟节点，具体代码如下：
var brother1 = document.getElementById("test").parentNode.children;
其中，brother1为获取到的兄弟节点。
2. 使用nextSibling和previousSibling获取兄弟节点，具体代码如下：
var brother1 = document.getElementById("test").nextSibling;
var brother2 = document.getElementById("test").previousSibling;
其中，brother1为下一个兄弟节点，brother2为上一个兄弟节点。

相关问题

jQuery 获取父节点的所有兄弟节点的子节点

可以使用 `parent()` 和 `siblings()` 这两个 jQuery 的函数来实现获取父节点所有兄弟节点的子节点的操作。

具体实现可以参考以下代码：

$(document).ready(function() {
  $('.parent').siblings().children().each(function() {
    console.log($(this).text());
  });
});

其中，`.parent` 表示父节点的选择器，`siblings()` 表示获取父节点的所有兄弟节点，`children()` 表示获取兄弟节点的子节点，`each()` 表示遍历每个子节点，`$(this).text()` 表示获取当前子节点的文本内容。

这段代码会在页面加载完成后，获取父节点的所有兄弟节点的子节点，并输出它们的文本内容。你可以根据实际的页面结构进行修改。

js通过 、 、 、 、 、 等属性获取子节点。。

您可能是想问 JavaScript 中如何通过 DOM 属性获取子节点。在 DOM 中，获取子节点有以下几种方式：

1. `parentNode.childNodes`：获取当前节点的所有子节点，返回一个 NodeList 对象。

2. `parentNode.children`：获取当前节点的所有 Element 子节点，返回一个 HTMLCollection 对象。

3. `firstChild` 和 `lastChild`：获取第一个和最后一个子节点，返回 Node 对象。

4. `previousSibling` 和 `nextSibling`：获取前一个和后一个兄弟节点，返回 Node 对象。

5. `previousElementSibling` 和 `nextElementSibling`：获取前一个和后一个 Element 兄弟节点，返回 Element 对象。

例如，下面的代码获取了一个 id 为 "parent" 的元素的第一个子节点和最后一个子节点：

var parent = document.getElementById("parent");
var firstChild = parent.firstChild;
var lastChild = parent.lastChild;

希望这能解决您的问题。