2021-05-16 09:42:01 -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 previous sibling of the second list item.</p>
|
|
|
|
|
|
|
|
|
|
<button onclick="myFunction()">Try it</button>
|
|
|
|
|
|
|
|
|
|
<p><strong>Note:</strong> The previousElementSibling property is not supported in IE8 and earlier versions.</p>
|
|
|
|
|
|
|
|
|
|
<p id="demo"></p>
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
function myFunction() {
|
|
|
|
|
var x = document.getElementById("item2").previousElementSibling.innerHTML;
|
2021-11-10 12:05:35 -05:00
|
|
|
window.alert(x);
|
2021-05-16 09:42:01 -04:00
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
