Mendapatkan Semua Query Selektor HTML querySelectorAll DOM
Sintak: element.querySelectorAll(selectors)
<!DOCTYPE html>
<html>
<head>
<title>
Method querySelectorAll() DOM
</title>
<style>
#mnns
{
border: 1px solid black;
margin: 5px;}
</style>
</head>
<body style = "text-align: center;">
<h1 style = "color: green;">
Blog Elfan
</h1>
<h2>
Method querySelectorAll()
</h2>
<div id="mnns">
<p>Paragraf 1.</p>
<p>Paragraf 2.</p>
</div>
<button onclick="myFunction()">
Try it
</button>
<script>
function myFunction()
{
var x = document.getElementById("mnns").querySelectorAll("p");
var i;
for (i = 0; i < x.length; i++)
{x[i].style.backgroundColor = "green";
x[i].style.color = "white";}
}
</script>
</body>
</html>
Output:Blog Elfan
Method querySelectorAll()
Paragraf 1.
Paragraf 2.
- Cara Penggunaan Properti scrollHeight DOM pada HTML
- 2 Contoh Penggunaan Properti scrollLeft DOM pada HTML
- 2 Contoh Penggunaan Properti scrollTop DOM pada HTML
- Cara Penggunaan Properti scrollWidth DOM pada HTML
- Cara Penggunaan Method setAttributeNode() DOM pada HTML
- Cara Penggunaan Properti tagName DOM pada HTML
- 2 Contoh Penggunaan Properti textContent DOM pada HTML
8 komentar untuk "Mendapatkan Semua Query Selektor HTML querySelectorAll DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method querySelectorAll DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method querySelectorAll DOM pada HTML:
Hapus1. Apple Safari 3.2
2. Google Chrome 4.0
3. Firefox 3.5
4. Opera 10.0
5. Internet Explorer 9.0
Apa fungsi dari method querySelectorAll() DOM pada HTML?
BalasHapusMethod querySelectorAll() DOM pada HTML berfungsi untuk mengembalikan semua elemen yang cocok dengan CSS selector(s).
HapusApa perbedaan antara method querySelector() dan method querySelectorAll() DOM pada HTML?
BalasHapusMethod querySelector() hanya dapat digunakan untuk mengakses satu elemen saja, sedangkan method querySelectorAll() dapat digunakan untuk mengakses semua elemen yang cocok dengan CSS selector yang telah ditentukan.
HapusKapan harus menggunakan method querySelectorAll() dan kapan harus menggunakan method querySelector() pada DOM HTML?
BalasHapusJika ingin mengembalikan semua nilai yang saling bersesuaian maka dapat digunakan method querySelectorAll, sedangkan untuk mengembalikan nilai hanya untuk satu kecocokkan saja, maka dapat digunakan querySelector saja.
Hapus