Question

How to get the sibling of an HTML element in JavaScript

Answer 1

<!DOCTYPE html> 
<html>
    <body>
        <ul><li id="li_id1">Java</li><li id="li_id2">JavaScript</li>
            <li id="li_id3">PHP</li>
            <li id="li_id4">HTML</li></ul>
        <script>
            var element = document.getElementById("li_id1").nextSibling.innerHTML;
            document.write(element + "<br />");
            
            var element = document.getElementById("li_id3").nextSibling.innerHTML;
            document.write(element);
            
            
            /*
             run:
    
             JavaScript
             undefined 
    
            */
        </script>
    </body>
</html>

 

70+ SQL courses for beginners and professionals