js获取页面元素

蛋炒飯 发布于 2017/03/14 20:44
阅读 258
收藏 1

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div class="main>
            <p class="item" id="14">24</p>    
            <p class="item" id="12">22</p>
            <p class="item" id="13">2</p>    
            <p class="item" id="14">2</p>    
        </div>
    </body>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
        var arr = document.getElementsByClassName('item')
        console.log(arr.length )
        $('.item').each(function(index) {
            alert(index + ': ' + $(this).text());
          });
    </script>
</html>
打印结果为啥是3,第一个为22,去掉main标签后就正确了,求原因

加载中
0
MnameHZJ
MnameHZJ

class="main

右边漏了个引号

蛋炒飯
蛋炒飯
确实是这个问题,能说说原理吗,为啥就出错了
0
MnameHZJ
MnameHZJ
页面解析都错了。没引号,后面都以为是div的属性了,就识别不到是标签了
0
蛋炒飯
蛋炒飯

引用来自“MnameHZJ”的评论

class="main

右边漏了个引号

<div class="main">

返回顶部
顶部