javascript - js获取页面元素
本文介绍了javascript - js获取页面元素的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<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标签后就正确了,求原因
解决方案
有2个问题:
1.main 少了个双引号
2.有重复id
这篇关于javascript - js获取页面元素的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文