Html5中的選擇器(Selector)
阿新 • • 發佈:2019-01-06
最近在專案中使用到了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物件。