[JavaScript知识库]JavaScript-142：getElementsBylagName获取某些元素

元素

 <ul>
    <li>知否知否，影视等你好久1</li>
    <li>知否知否，影视等你好久2</li>
    <li>知否知否，影视等你好久3</li>
    <li>知否知否，影视等你好久4</li>
    <li>知否知否，影视等你好久5</li>
  </ul>

  <ul id="nav">
    <li>生僻字1</li>
    <li>生僻字2</li>
    <li>生僻字3</li>
    <li>生僻字4</li>
    <li>生僻字5</li>
  </ul>

JS

var lis = document.getElementsByTagName('li')
console.log(lis);
console.log(lis[0]);
for (var i = 0; i < lis.length; i++) {
  console.log(lis[i]);

}
var nav = document.getElementById('nav');  // 这个获得nav 元素
var navLis = nav.getElementsByTagName('li');
console.log(navLis);

1 返回的是 获取过来元素对象的集合 以伪数组的形式存储的
2 我们想要一次打印里面的元素对象 我们可以采取遍历的方式
3 element.getElementsByTtagName() 可以得到整个个元素里的某些标签