javascript - JS getElementsByTagName报错,求大神帮看看..

查看:151
本文介绍了javascript - JS getElementsByTagName报错,求大神帮看看..的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

下面是我写的代码,总是提示我

Uncaught TypeError: oul1.getElementsByTagName is not a function

求大神帮看看我是哪里用错了,应该怎么解决这个问题呀,谢谢哈;

<!doctype html>
<html>

<head>
  <meta charset="utf-8" />
  <tilte></tilte>
  <script>
    window.onload = function() {
      var oinpu = document.getElementById('odin');
      var odiv1 = document.getElementById('odiv_1');
      var oul1 = odiv1.getElementsByTagName('ul');
      oinpu.onclick = function() {
        var oli1 = document.createElement('li');
        var oli2 = oul1.getElementsByTagName('li');//这句话总是报错,
        //odiv1.appendChild(oli1);
        if (oli2.length > 0) {
          oul1.insertBefore(oli1, oli2[0]);
        } else {
          odiv1.appendChild(oli1);
        }
      }
    }

  </script>
</head>

<body>
  <input type="button" value="添加" id="odin" />
  <div id="odiv_1">
    <ul></ul>
  </div>
</body>

</html>

解决方案

oul1[0].getElementsByTagName('li');getElementsByTagName返回的是数组(NodeList)。

这篇关于javascript - JS getElementsByTagName报错,求大神帮看看..的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆