document.getElementsByTagName('body')[0];未定义?

源代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE>JavaScript</TITLE>
  <script type="text/javascript">
  function logger(str) {
var el = document.getElementById('logger');
// 如果未找到logger容器就创建一个
if (!el)
{
el = document.createElement('div');
el.id = 'logger';
var doc = document.getElementsByTagName('body')[0];
alert(doc);
doc.appendChild(el);
alert("我的最后一个暑假3");
}
el.innerHTML += str + '<br>';
  }
  var value = 5;
  logger('value = ' + value);
  </script>
</HEAD>
<body>
</body>
</HTML>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE>JavaScript</TITLE> </HEAD>
<body>
</body>
   <script type="text/javascript">
  function logger(str) {
    var el = document.getElementById('logger');
    // 如果未找到logger容器就创建一个
    if (!el)
    {
        el = document.createElement('div');
        el.id = 'logger';
        var doc = document.getElementsByTagName('body')[0];
        alert(doc);
        doc.appendChild(el);
        alert("我的最后一个暑假3");
    }
    el.innerHTML += str + '<br>';
  }
  var value = 5;
  logger('value = ' + value);
  </script>
</HTML>
<script type="text/javascript" defer>:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE>JavaScript</TITLE>
  <script type="text/javascript">
  function logger(str) {
    var el = document.getElementById('logger');
    // 如果未找到logger容器就创建一个
    if (!el)
    {
        el = document.createElement('div');
        el.id = 'logger';
        var doc = document.getElementsByTagName('body')[0];
        alert(doc);
        doc.appendChild(el);
        alert("我的最后一个暑假3");
    }
    el.innerHTML += str + '<br>';
  }
  var value = 5;
  logger('value = ' + value);
  </script>
</HEAD>
<body>
</body>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE>JavaScript</TITLE>
  <script type="text/javascript" defer>
  function logger(str) {
    var el = document.getElementById('logger');
    // 如果未找到logger容器就创建一个
    if (!el)
    {
        el = document.createElement('div');
        el.id = 'logger';
        var doc = document.getElementsByTagName('body')[0];
        alert(doc);
        doc.appendChild(el);
        alert("我的最后一个暑假3");
    }
    el.innerHTML += str + '<br>';
  }
  var value = 5;
  logger('value = ' + value);
  </script>
</HEAD>
<body>
</body>
</HTML>
defer vt.推迟，拖延
就是告诉编译器此脚本全部由函数组成，没有单独的脚本语句。这样在加载页面事将不会解析脚本段，知道调用里面的函数时，才去解析。从而减少了页面加载速度。
document.getElementsByTagName("body")[0]  这句话是什么意思呢？
这句话的意思是，找到标签名字为“body”的第一个元素，即 body 标签。