1. 程式人生 > >Html5中的選擇器(Selector)

Html5中的選擇器(Selector)

          最近在專案中使用到了Html5這門超文字標記語言,利用空閒時間自己學習了一下H5。現在在移動APP中的開發,H5使用的越來越多,面對這樣的發展趨勢,把自己所知道的H5常用點,記錄下來方便自己檢視的同時,也方便同在程式設計師戰場的同道中人。

      想必搞過JS、jQuery等的人都知道,有一個神奇的技術---選擇器。如:

       .class  表示所有 class="name"元素 的JS物件(用jQuery獲取的不是JS物件,在此不多闡述),

       #id      表示id="name"的元素的JS物件

       Element  元素選擇器

      等這些常用的 通過  document.getElementById(), document.

getElementByName(), document.getElementByTagName  獲取到JS物件。

      再H5中,除了支援上面的,還擴充套件了2個常用的方法:

             document.querySelector("");   document.querySelectorAll("");----在這裡面支援 .class、#id、Element  還有一些屬性。如下:

            

            

         當然,如果用 document.querySelector(); 返回的是符合條件的一個JS物件,諾符合的又一個以上那物件是這些符合JS物件中

的第一個JS物件。

                 document.querySelectorAll();返回的是符合條件的JS物件陣列,諾只有一個 那就是一個JS物件。