如何使用JavaScript獲取列表項中的第一個和最后一個元素

Question

<script>
    function editMediaInfo(mediaID){
        var nex = document.getElementById(mediaID).nextElementSibling.nextElementSibling.id;
        alert(nex);
        console.log(nex);
    }
</script>

<?php
$x = 1;
echo "<ul>";

while($x <= 5)
{
    echo "<li id={$x}> item {$x} </li>";    
    ?>
    <button onclick="editMediaInfo('<?php echo $x; ?>')">Click</button>
    <?php
    $x++;
}

echo "</ul>";   
?>

當我單擊任何按鈕（項目5除外）時，它會給我一個帶有下一個id元素的警報，這是我正常的操作，當我單擊按鈕項目5給我另一個警報時，我試圖這樣做，但是每次控制台都給我這條信息：

Uncaught TypeError: Cannot read property 'id' of null  

Answer 1

如果該元素存在，則獲取它的ID！ 我為此添加了if條件。

function editMediaInfo(mediaID){
var nex =   document.getElementById(mediaID).nextElementSibling.nextElementSibling;
var nextId="";
if(nex!=null){
  nextId=nex.id;
  alert(nextId);
}
else{
alert("no next element");
}
console.log(nextId);
}