Selektor JS asli termasuk GetElementById, GetElementsByName, GetElementsByTagname dan GetElementsByClassName. Selanjutnya, saya akan memperkenalkan penggunaan keempat pemilih ini satu per satu.
1.geteLementById (Dapatkan elemen melalui ID)
Penggunaan: Document.GetElementById ("ID"); ID adalah nilai atribut ID dari elemen yang akan diambil.
2.GetElementsByName (Dapatkan elemen melalui atribut nama)
Penggunaan: Document.GetElementsByName ("Name"); Nama adalah nilai atribut nama elemen yang akan diperoleh. Metode ini umumnya berlaku untuk mengirimkan data formulir. Ketika elemen terbentuk, img, iframe, applet, embed, atau objek, atribut yang dinamai berdasarkan nilai atribut nama akan secara otomatis dibuat dalam objek dokumen. Oleh karena itu, objek DOM yang sesuai dapat direferensikan melalui Document.domname
3.GetElementsByTagname (Dapatkan elemen dengan nama elemen)
Penggunaan: document.getElementsbyTagname (tagName); Tagname adalah nama tag elemen yang akan diperoleh. Saat tagname adalah *, itu berarti mendapatkan semua elemen. Dokumen ini juga dapat diganti dengan elemen DOM, tetapi dengan cara ini, Anda hanya bisa mendapatkan elemen subset di belakang elemen DOM.
4.GetElementsByClassName (Dapatkan elemen melalui kelas CSS)
Penggunaan: Document.GetElementsByClassName (ClassName); ClassName adalah nama kelas CSS untuk mendapatkan elemen. Jika Anda ingin mendapatkan beberapa item secara bersamaan, pisahkan dengan spasi setelah setiap kelas CSS. Misalnya, Document.GetElementsByClassName ("Class2 Class1") akan mendapatkan elemen dalam gaya Class1 dan Class2, dan dokumen juga dapat diganti dengan elemen DOM, sehingga hanya elemen subset setelah elemen DOM dapat diperoleh.
<! Doctype html> <! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <itement> demo </itement> </head> <body> <v> Saya mendapatkan tag </div> <v id = "box"> Saya mendapatkan ID </Div> "saya =" Div> <v ID = "box" Mendapatkan Name </form> </body> <script type = "text/javascript"> var div = document.geteLementsbyTagname ("div"); var box = document.geteLementById ("box"); var box1 = document.geteLementsbyclassname ("box1"); var box2 = document.geteLementsbyname ("box2"); </ptript> </html>Di atas adalah analisis penuh dari pemilih JS yang dibawa kepada Anda oleh editor. Saya harap semua orang dapat mendukung wulin.com lebih banyak ~