利用getElementsByTagName()接口获取父元素内部指定标签名的子元素

由getElementsByTagName()接口可以返回带有指定标签名的对象集合

公式：document.getElementsByTagName('标签名')

案例： 在不同父元素下获取相同指定标签名的子元素

<ul>
    <li>无序列表1</li>
    <li>无序列表2</li>
    <li>无序列表3</li>
</ul>
<ol id="ol">
    <li>有序列表1</li>
    <li>有序列表2</li>
    <li>有序列表3</li>
</ol>
<script>
    //从父元素ol下获取li标签
    //方法一：
    var ol = document.getElementsByTagName('ol')//以伪数组返回  [ol]
    //报错，不能以伪数组的形式作为父元素
    //console.log(ol.getElementsByTagName('li'));
    //但可以指定伪数组里确定的元素来指定父元素
    //所以父元素必须是单个对象
    console.log(ol[0].getElementsByTagName('li'));

    //方法二：
    //给ol标签指定唯一的id，通过id获取即可唯一确认
    var ol = document.getElementById('ol');
    console.log(ol.getElementsByTagName('li'));      
</script>