4.DOM（三）1.获取元素的某个子元素c.getElementsByTagName(‘li‘)2.全部子元素①空白c.childNodes②无空白c.children 3获取第一个和最后一个子元素

目录

一：获取元素的某个子元素

①先获取class为c的元素                           

                    let c = document.getElementById('c');

②然后在获取id为c中的所有li                

                     let li = c.getElementsByTagName('li');

document.querySelectorAll('标签名')

document.getElementByTagName('标签名')

都能获取此标签名的所有元素,但是区别在于后者实时更新,插入更新长度,前者不更新

二：获取元素的全部子元素

1.获取c的所有子节点（包括空格节点）let cc = c.childNodes;

2.获取c的所有子节点（不包括空白节点）let cc = c.children;

 三：获取元素的第一个子节点和最后一个子节点

1.  ①第一个子节点（空白节点）    let first = c.firstChild;

     ②第一个子节点（非空白节点）  let first = c.firstElementChild;

2.  ①最后一个子节点（空白节点）    let last = c.lastChild;

     ②最后一个子节点（非空白节点） let last = c.lastElementChild;

---

一：获取元素的某个子元素

①先获取class为c的元素                           

                    let c = document.getElementById('c');

②然后在获取id为c中的所有li                

                     let li = c.getElementsByTagName('li');

二：获取元素的全部子元素

1.获取c的所有子节点（包括空格节点）let cc = c.childNodes;

2.获取c的所有子节点（不包括空白节点）let cc = c.children;

 三：获取元素的第一个子节点和最后一个子节点

1.  ①第一个子节点（空白节点）    let first = c.firstChild;

     ②第一个子节点（非空白节点）  let first = c.firstElementChild;

2.  ①最后一个子节点（空白节点）    let last = c.lastChild;

     ②最后一个子节点（非空白节点） let last = c.lastElementChild;