Why doesn't .nextElementSibling return null?

Question

Why doesn't .nextElementSibling return null?

In the code below, <div>does not have a single brother and sister. previousElementSiblingreturns correctly null, but nextElementSiblingdoes not.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>nextElementSibling</title>
</head>
<body>
    <div>test</div>
</body>
<script>
    var demo = document.getElementsByTagName('div')[0];
    console.log(demo.previousElementSibling);
    console.log(demo.nextElementSibling);
</script>
</html>

Console output:

Google Chrome Version 59.0.3071.86 (Official Build) (64-bit)

Why is this?

+4

javascript

Pureurevil Jun 15 '17 at 11:39

source share

1 answer

James thorpe · Accepted Answer · 2017-06-15T11:45:17+0000

Since Chrome is kind.

The tag <script>located in the source code is not valid, so Chrome automatically translates it to <body>where it is valid and where it becomes nextElementSibling. If you check the loaded page, you will see the following:

Why doesn't .nextElementSibling return null?

More articles: