如何使用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); 
}