js的一个创建Select的一个问题
为什么在创建option之前获取到它，body加了一个div就没有获取到select里面的option
`<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title></head>
<body>
</body>
<script>
const body = document.body;
body.appendChild(document.createElement('select'));
console.log(body.children[1]);
body.children[1].appendChild(document.createElement('option')).innerHTML=77;</script>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
你写的script再body的外面，但是html是不允许这样的写法的。编译的时候script会被插到body里面。
因此，你加了一个div并且插入了一个select，此时的文档结构是
这个时候你用children[1]获取的实际上是script标签，所以option是被插到script里面去了。
你下面的写法是ok的，因为你插入的select的序列号就是1，注意，序列号是从0开始的。