HTML (Hypertext Markup Language) ialah salah satu bahasa yang paling biasa digunakan dalam pembangunan web dan digunakan untuk membina halaman web dan aplikasi web. HTML mentakrifkan struktur dan gaya elemen pada halaman, dan apabila membina halaman, pembangun perlu bertanya dan mengendalikan elemen. Oleh itu, HTML menyediakan kaedah pertanyaan yang sangat mudah untuk mencari dan mengendalikan elemen - pemilih.
Pemilih ialah kaedah menanyakan elemen. Ia boleh mencari satu atau lebih elemen dalam halaman HTML dan beroperasi pada elemen ini. Atas dasar ini, pembangun boleh membina pemilih mereka sendiri untuk melaksanakan pertanyaan dan operasi elemen yang kompleks.
Sintaks dan penggunaan pemilih HTML adalah serupa dengan CSS (Cascading Style Sheets), dan hubungan antara mereka sangat rapat. Dalam HTML, terdapat tiga jenis pemilih asas:
1 Pemilih teg
Pemilih teg ialah salah satu pemilih paling asas dalam HTML, yang menanyakan elemen HTML yang sepadan mengikut tegnya. Sintaksnya sangat mudah, hanya gunakan nama elemen sebagai pemilih. Sebagai contoh, gunakan teg "
var div_elements = document.querySelectorAll("div");
3 Pemilih kelas
Pemilih kelas menanyakan elemen yang sepadan mengikut atribut kelas elemen HTML . Sintaks pemilih kelas sangat serupa dengan pemilih ID, tetapi simbol "." ditambahkan di hadapan pemilih, contohnya:
var element = document.querySelector("#myId");
Selain pemilih asas, HTML juga menyediakan satu siri pemilih lanjutan Pemilih, seperti pemilih atribut, pemilih kelas pseudo, dsb., boleh membantu pembangun mencari dan mengendalikan elemen dengan lebih tepat.
var elements = document.querySelectorAll(".myClass");
Selain menggunakan pemilih, HTML juga menyediakan beberapa kaedah pertanyaan untuk mencari jenis elemen HTML tertentu. Kaedah pertanyaan ini boleh melengkapkan fungsi pemilih, membolehkan pembangun menggunakan elemen HTML dengan lebih fleksibel.
1.getElementById()
getElementById() ialah kaedah pertanyaan yang sangat praktikal dalam HTML Ia boleh mengembalikan elemen yang sepadan berdasarkan atribut ID elemen HTML. Contohnya:2.getElementsByTagName()
getElementsByTagName() boleh digunakan untuk menanyakan semua elemen tag elemen HTML. Sebagai contoh, jika anda ingin mencari semua elemen semua
var element = document.getElementById("myId");
3.getElementsByClassName()
getElementsByClassName() ialah kaedah pertanyaan, Boleh digunakan untuk mencari elemen berdasarkan nama kelasnya. Contohnya:
var h1_elements = document.getElementsByTagName("h1");
4.querySelector() dan querySelectorAll()
querySelector() dan querySelectorAll() ialah dua kaedah pertanyaan yang sangat praktikal yang boleh membantu anda membuat pertanyaan padanan HTML menggunakan elemen pemilih CSS. Contohnya:
var elements = document.getElementsByClassName("myClass");
Ringkasan:
var element = document.querySelector("div"); var elements = document.querySelectorAll(".myClass");
Atas ialah kandungan terperinci Fungsi pertanyaan HTML: memahami pemilih dan kaedah pertanyaan dalam HTML. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!