为什么在这段代码在console下执行不报错,但在网页中就执行失败?

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>DOM方法</title>

    <link rel="stylesheet" href="">

    <script>

        var ele = document.createElement('div');

        var txt = document.createTextNode('textContent');

        ele.appendChild(txt);

        document.getElementsByTagName('body')[0].appendChild(ele); //console中运行没有问题,执行这段语句的时候就报错

    </script>

</head>

<body>


</body>

</html>

报错是出在 document.getElementsByTagName('body')[0]appendChild(ele)这句话,
显示错误:Uncaught TypeError: Cannot read property 'appendChild' of undefined

新手,找了半天不知到错在哪了,求解答。谢谢各位 !


翻翻过去那场雪
浏览 666回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript