46 DOM查询(二)

1. 方法
   • getElementById()
     • 通过id属性获取一个元素节点对象
   • getElementByTagName()
     • 通过标签名获取一组元素节点对象
   • getElementByName()
     • 通过name属性获取一组元素节点对象

• //本节新加

  • getElementsByTagName()
    • 方法，返回当前节点的指定标签名后代节点
    • 查找#city下所有li节点
      var city = document.getElementById("city");
var lis = city.getElementsByTagName("li");

2. 属性
   • childNodes
     • 属性，表示当前节点的所有子节点
     • 根据DOM标签，标签间的空白也会被当成文本节点（包括空白文本）
     • 注意：⚠️在IE8及以下的浏览器中，不会将空白的文本当成子节点，
       § 所以该属性在IE8中会返回4个字元素而其他浏览器时9个
     • 返回#city下所有的子节点
       var city = document.getElementById("city");
var cns = city.childNodes;
   • children✨🌟！！推荐使用
     • 属性，获取当前元素的所有子元素
       var city = document.getElementById("city");
var cns2 = city.children;
   • firstChild
     • 属性，表示当前节点的第一个子节点（包括空白文本）
       var fir = phone.firstChild;
//也可以是 var fir = phone.childNodes[0];
   • firstElementChild
     • 属性，获取当前元素的第一个字元素
     • 不支持IE8及以下的浏览器
       § 如果需要兼容他们尽量不要使用！！
       fir = phone.firstElementChild;
   • lastChild
     • 属性，表示当前节点的最后一个子节点
       var la = phone.lastChild;