javascript 通过 rel 属性获取元素 - Javascript

在 JavaScript 中，可以使用 rel 属性来获取元素。rel 属性是指关系属性，它用于表示当前元素与页面中其他元素之间的关系。使用 rel 属性可以轻松找到与当前元素相关的其他元素，如父节点、子节点、同级元素等。

获取父节点

要获取父节点，可以使用 parentNode 属性。

var childElement = document.getElementById('child');
var parentElement = childElement.parentNode;

其中，childElement 表示要获取父节点的子元素，parentElement 表示获取到的父节点。

获取子节点

要获取子节点，可以使用 childNodes 属性。

var parentElement = document.getElementById('parent');
var childElements = parentElement.childNodes;

其中，parentElement 表示要获取子节点的父元素，childElements 表示获取到的子节点列表。

获取同级元素

要获取同级元素，可以使用 previousSibling 和 nextSibling 属性。

var currentElement = document.getElementById('current');
var previousElement = currentElement.previousSibling;
var nextElement = currentElement.nextSibling;

其中，currentElement 表示当前元素，previousElement 表示前一个同级元素，nextElement 表示后一个同级元素。

获取相关元素

要获取相关的元素，可以使用 rel 属性。

<div rel="related"></div>

var relatedElements = document.querySelectorAll('[rel="related"]');

其中，rel="related" 表示要获取的相关元素的关系属性，relatedElements 表示获取到的相关元素列表。

以上就是通过 rel 属性获取元素的 JavaScript 示例代码。