JavaScript nextElementSibling VS nextSibling الفرق بين دالة nextElementSibling ودالة nextSibling في جافا سكريبت

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript nextElementSibling</title>
</head>
<body>
<h1 id="h1">JavaScript nextElementSibling</h1>
<p id="paragraph">from CloseTag nextElementSibling</p>
<script>
  let h1 = document.getElementById('h1')
  /* check console */
  console.log(h1.nextElementSibling)
</script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <title>JavaScript nextSibling </title>
</head>
<body>
<h1 id="h1">JavaScript nextSibling </h1>
<p>from CloseTag nextSibling </p>
<script>
  let h1 = document.getElementById('h1')
  /* check console */
  console.log(h1.nextSibling)
</script>
</body>
</html>