Узел: свойство previousSibling
Базовая реализация Широко доступна
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Только для чтения previousSibling свойство интерфейса Node возвращает узел, непосредственно предшествующий указанному в списке childNodes родительского узла, или null если указанный узел является первым в этом списке.
Примечание: Браузеры вставляют текстовые узлы в документ для представления пробелов в исходном разметке. Поэтому узел, полученный, например, с помощью Node.firstChild или Node.previousSibling может ссылаться на текстовый узел с пробелами, а не на фактический элемент, который хотел получить автор.
См. Пробелы в DOM для получения дополнительной информации.
Вы можете использовать previousElementSibling, чтобы получить предыдущий узел элемента (пропуская текстовые узлы и любые другие узлы, не являющиеся элементами).
Чтобы перейти в противоположном направлении по списку дочерних узлов, используйте Node.nextSibling.
Значение
A Node представляющий предыдущего брата текущего узла, или null если таковых нет.
Примеры
Следующие примеры демонстрируют, как previousSibling работает с и без текстовых узлов, перемешанных с элементами.
Первый пример
В этом примере у нас есть серия img элементов, непосредственно смежных друг с другом, без пробелов между ними.
<img id="b0" /><img id="b1" /><img id="b2" />
document.getElementById("b1").previousSibling; // <img id="b0">
document.getElementById("b2").previousSibling.id; // "b1"
Второй пример
В этом примере между img элементами находятся текстовые узлы пробелов (переводы строки).
<img id="b0" /> <img id="b1" /> <img id="b2" />
document.getElementById("b1").previousSibling; // #text
document.getElementById("b1").previousSibling.previousSibling; // <img id="b0">
document.getElementById("b2").previousSibling.previousSibling; // <img id="b1">
document.getElementById("b2").previousSibling; // #text
document.getElementById("b2").previousSibling.id; // undefined
Спецификации
| Спецификация |
|---|
| DOM # ref-for-dom-node-previoussibling① |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
previousSibling |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Node/previousSibling
