javascript - 为什么在这段代码在console下执行不报错，但在网页中就执行失败？
本文介绍了javascript - 为什么在这段代码在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
新手，找了半天不知到错在哪了，求解答。谢谢各位 ！
解决方案
执行这段代码时，dom还没加载完，body元素不存在，肯定报错啊
这篇关于javascript - 为什么在这段代码在console下执行不报错，但在网页中就执行失败？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
