Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <body> <h1>The Element Object</h1> <h2>The nextSibling Property</h2> <ul><li id="item1">Coffee (first item)</li><li id="item2">Tea (second item)</li></ul> <p>The HTML content of the next sibling of the first list item is:</p> <p id="demo"></p> <p><strong>Note:</strong> Whitespace between elements is considered text nodes.</p> <p>If you add whitespace between the two li elements, the result will be "undefined".</p> <script> let text = document.getElementById("item1").nextSibling.innerHTML; document.getElementById("demo").innerHTML = text; </script> </body> </html>
