问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

js childNodes 问题

头像
我不是艾克
    52445676
    头像
    spencerht
      7.8k2728

      用chrome运行 下面html 但是运行但childNodes.* 的时候就报错，难道不支持这个写法了

      <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>DOM</title>
</head>
<body>
    <div>
    <h1>sdf</h1>
    <h2>ser</h2>
    </div>
  <script>
      var someNode = document.getElementsByTagName('div');
      
        console.log(someNode);
          console.log(someNode.childNodes.length);
          console.log(someNode.childNode[0]);
          console.log(someNode.childNode.item(1));
    
  </script> 
</body>
</html>
      javascript
      阅读 1.9k
      2 个回答
      得票最新
      头像
      dablwow80
        4.9k21119

        1.getElementsByTagName返回的是一个类数组对象，要取下标对应的元素
        2.你忘了加s

          var someNode = document.getElementsByTagName('div')[0];

  console.log(someNode);
  console.log(someNode.childNodes);
  console.log(someNode.childNodes[0]);
  console.log(someNode.childNodes.item(1));
        头像
        spencerht
          7.8k2728

          getElementsByTagName返回的是一个类数组，其中的第0个元素才是你想要的someNode。

          撰写回答
          你尚未登录，登录后可以
          • 和开发者交流问题的细节
          • 关注并接收问题和回答的更新提醒
          • 参与内容的编辑和改进，让解决方法与时俱进
          推荐问题