搜尋

首頁  >  問答  >  主體

javascript - js獲取頁面元素

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <p 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>    
        </p>
    </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標籤後就正確了,求原因

大家讲道理大家讲道理2862 天前613

全部回覆(6)我來回復

  • 给我你的怀抱

    给我你的怀抱2017-05-19 10:28:55

    有2個問題:
    1.main 少了個雙引號
    2.有重複id

    回覆
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:28:55

    回覆
    0
  • 高洛峰

    高洛峰2017-05-19 10:28:55

    因為你的 class="main" 少了最後的雙引號,瀏覽器渲染的出問題了。 。 。

    回覆
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-19 10:28:55

    你的雙引號,把你的第一個p標籤加進去了。所以才出現的陣列長度是3.

    回覆
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-19 10:28:55

    你沒發覺第一個P標籤有異常麼。 。 。 ,淡淡的粉紅色散發出獨特的氣息~,main少了閉合的引號

    回覆
    0
  • 为情所困

    为情所困2017-05-19 10:28:55

    main 少了個雙引號。 。 。

    回覆
    0
  • 取消回覆