js 12

1.元素间关系查找


1)父子关系


parentElement; 查找一个元素的父元素

children;查找一个元素的所有孩子

firstElementChild;查找第一个孩子

lastElementChild;查找最后一个孩子

2)兄弟关系


previousElementSibling  前一个兄弟元素

nextElementSibling      下一个兄弟元素

案例:


       

  •         电子设备

           

                 

    • 手机
    •            

    • 电视
    •            

    • 电脑
    •        

       

  •    

  •         母婴用品

           

                 

    • 奶粉
    •            

    • 玩具
    •            

    • 尿不湿
    •        

       

  •    

  •         个人护理

           

                 

    • 面膜
    •            

    • 爽肤水
    •            

    • BB霜
    •        

       

2.使用HTML元素查找


       

  • 电子设备
  •    

  • 母婴用品
  •    

  • 个人护理

1)按id查找


var ul=document

你可能感兴趣的:(js 12)