JS - Element properties

element.nextElementSibling : the next sibling element; "null" if no next sibling exists.

Coffee (first item)
Tea (second item)

The HTML content of the next sibling of the first list item has the text:

            <div>
                <ul>
                    <li id="item">Coffee (first item)</li>
                    <li id="item1">Tea (second item)</li>
                </ul>
                <p>The HTML content of the next sibling of the first list item has the text: <span id="prop"></span></p>
            </div>
            <script>
                let text = document.getElementById("item").nextElementSibling.innerHTML; 
                document.getElementById("prop").innerHTML = text;
            </script>

JS - element properties - nextElementSibling

returns the next element at the same node tree level.