Gli ultimi tutorial di sviluppo web

×

JavaScript Riferimento

JavaScript

JS stringa JS Numero JS operatori JS dichiarazioni JS Matematica JS Data JS schieramento JS booleano JS RegExp JS situazione generale JS Conversione

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Documento DOM Elementi DOM attributi DOM evento DOM Stile

HTML Oggetti

<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>

altri oggetti

CSSStyleDeclaration

HTML DOM nextSibling Propery

<Oggetto Element

Esempio

Prendi il contenuto HTML della prossima fratello di un elemento della lista:

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

Il risultato di x sarà:

Tea (second li)

Prova tu stesso "

Definizione e l'utilizzo

La proprietà nextSibling restituisce il nodo immediatamente seguente il nodo specificato, allo stesso livello dell'albero.

Il nodo restituito viene restituito come oggetto Node.

La differenza tra questa proprietà e nextElementSibling , è che nextSibling restituisce il nodo di pari livello successivo come un nodo elemento, un nodo di testo o di un nodo di commento, mentre nextElementSibling restituisce il nodo di pari livello successivo come un nodo elemento (ignores text and comment nodes) .

Questa proprietà è di sola lettura.

Suggerimento: Utilizzare la previousSibling proprietà per restituire il nodo precedente del nodo specificato, allo stesso livello dell'albero.

Suggerimento: Utilizzare la childNodes proprietà per restituire qualsiasi nodo figlio di un nodo specificato.

Supporto browser

Proprietà
nextSibling	sì	sì	sì	sì	sì

Sintassi

node .nextSibling

Dettagli tecnici

Valore di ritorno:	Un oggetto Node, che rappresenta il successivo fratello del nodo, oppure null se non v'è pari livello successivo
DOM Version	Nucleo Livello 1 Nodo Oggetto

Pagine correlate

Di riferimento HTML DOM: nodo. childNodes Proprietà

Di riferimento HTML DOM: nodo. firstChild Proprietà

Di riferimento HTML DOM: nodo. lastChild Proprietà

Di riferimento HTML DOM: nodo. parentNode Proprietà

Di riferimento HTML DOM: nodo. previousSibling Proprietà

Di riferimento HTML DOM: nodo. nodeName proprietà

<Oggetto Element