统计ul下li个数在ul为class或id

1. 第一种情况下ul为id

 <ul id="con">
     <li>1</li>
     <li>1</li>
     <li>1</li>
     <li>1</li>
     <li>1</li>
     <li>1</li>
     <li>1</li>
 </ul>
 <ul id="con1">
     <li>1</li>
     <li>1</li>
 </ul>

解决思路直接获得对象id

alert(document. getElementsByClassName("con").getElementsByTagName("li").length);

2.第二种情况下ul为class
html代码

 <ul class="con">
     <li>1</li>
     <li>1</li>
     <li>1</li>
     <li>1</li>
     <li>1</li>
     <li>1</li>
     <li>1</li>
 </ul>
 <ul class="con">
     <li>1</li>
     <li>1</li>
 </ul>

这里我们首先要明确根据类名返回回来的是集合，类似数组。
解决思路：

var temp = document.getElementsByClassName("con");
var linum = temp[0].getElementsByTagName("li").length
var linum1=temp[1].getElementsByTagName("li").length; console.log(linum);console.log(linum1)