Los últimos tutoriales de desarrollo web

×

JavaScript Referencia

Visión de conjunto

JavaScript

JS cadena JS Número JS operadores JS declaraciones JS Mates JS Fecha JS Formación JS Boole JS RegExp JS situación general JS Conversión

Navegador BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM Elementos DOM atributos DOM evento DOM Estilo

HTML Objetos

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

otros objetos

CSSStyleDeclaration

HTML DOM nextSibling Propery

<Elemento de objeto

Ejemplo

Obtener el contenido HTML de la siguiente hermano de un elemento de la lista:

var x = document.getElementById("item1").nextSibling.innerHTML;

El resultado de x será:

Tea (second li)

Inténtalo tú mismo "

Definición y Uso

La propiedad nextSibling devuelve el nodo inmediatamente después del nodo especificado, en el mismo nivel del árbol.

El nodo devuelto se devuelve como un objeto Node.

La diferencia entre esta propiedad y nextElementSibling , es que nextSibling devuelve el siguiente nodo relacionado como un nodo de elemento, un nodo de texto o un nodo de comentario, mientras nextElementSibling devuelve el siguiente nodo relacionado como un nodo de elemento (ignores text and comment nodes) .

Esta propiedad es de solo lectura.

Consejo: Utilice la previousSibling propiedad para devolver el nodo anterior del nodo especificado, en el mismo nivel del árbol.

Consejo: Utilice la childNodes propiedad para devolver cualquier nodo hijo de un nodo especificado.

Soporte del navegador

Propiedad
nextSibling	Sí	Sí	Sí	Sí	Sí

Sintaxis

node .nextSibling

Detalles técnicos

Valor de retorno:	Un objeto de nodo, que representa el siguiente hermano del nodo, o null si no hay siguiente hermano
Versión DOM	Nivel básico de objetos 1 Nodo

Páginas relacionadas

Referencia HTML DOM: nodo. childNodes propiedad

Referencia HTML DOM: nodo. firstChild propiedad

Referencia HTML DOM: nodo. lastChild propiedad

Referencia HTML DOM: nodo. parentNode propiedad

Referencia HTML DOM: nodo. previousSibling propiedad

Referencia HTML DOM: nodo. nombreNodo propiedad

<Elemento de objeto