Свойства previousSibling и nextSibling в JavaScript
Свойства previousSibling
и nextSibling
в JavaScript представляют собой ссылки на узлы-соседи элемента DOM (объектная модель документа) в его родительском элементе.
previousSibling
(предыдущий сосед) — это свойство, которое ссылается на предыдущий узел-сосед элемента DOM в том же родительском узле. Если предыдущий узел-сосед — это текстовый узел или комментарий, то previousSibling
также ссылается на него. Если предыдущий узел-сосед не существует, previousSibling
вернет значение null
.
nextSibling
(следующий сосед) — это свойство, которое ссылается на следующий узел-сосед элемента DOM в том же родительском узле. Если следующий узел-сосед — это текстовый узел или комментарий, то nextSibling
также ссылается на него. Если следующий узел-сосед не существует, nextSibling
вернет значение null
.
Оба свойства являются свойствами только для чтения и могут использоваться для доступа к соседним узлам-элементам в DOM-дереве. Например, можно использовать эти свойства для перебора всех элементов на странице или для нахождения соседнего элемента при выполнении каких-либо операций на странице.
Пример использования свойств previousSibling
и nextSibling
для получения соседних элементов:
const currentElement = document.getElementById('myElement');
// Получаем предыдущий элемент
const previousElement = currentElement.previousSibling;
// Получаем следующий элемент
const nextElement = currentElement.nextSibling;
Важно отметить, что свойства previousSibling
и nextSibling
могут возвращать не только элементы, но и текстовые узлы или комментарии. Поэтому, если вам нужен только элемент, то вам может потребоваться проверка типа узла с помощью свойства nodeType
.