2024-04-28 09:37:02 -04:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<p>Example list:</p>
|
|
|
|
|
|
|
|
|
|
<ul><li id="item1">Coffee (first li)</li><li id="item2">Tea (second li)</li></ul>
|
|
|
|
|
|
|
|
|
|
<p>Click the button to get the HTML content of the next sibling of the first list item.</p>
|
|
|
|
|
|
|
|
|
|
<button onclick="myFunction()">Try it</button>
|
|
|
|
|
|
|
|
|
|
<p><strong>Note:</strong> Whitespace inside elements is considered as text, and text
|
|
|
|
|
is considered as nodes.</p>
|
|
|
|
|
|
|
|
|
|
<p>If you add whitespace between the two li elements, the result will be "undefined".</p>
|
|
|
|
|
|
|
|
|
|
<p id="demo"></p>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
function myFunction() {
|
|
|
|
|
var x = document.getElementById("item1").nextSibling.innerHTML;
|
|
|
|
|
console.assert(x === 'Tea (second li)', 'Tea (second li)');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
console.error("element.nextSibling.html");
|
|
|
|
|
myFunction();
|
2024-06-01 07:30:03 -04:00
|
|
|
console.exit();
|
2024-04-28 09:37:02 -04:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
