Materi Tentang Java Script Part 3 (Cikarang Programming)
Memilih Element HTML
Memilih element (Selector) HTML pada JavaScript intinya seperti selector pada CSS yang bisa menggunakan nama class, nama ID, atau tag HTML. Tujuan dari memilih element HTML ini biasanya untuk mengubah atu menambahkan sesuatu pada element yang akan dipilih. Misalnya mengubah nilai value tertentu, menambah atribut tertentu, hingga menambah tag HTML lainnya. Untuk memilih element HTML pada JavaScript caranya sebagai berikut.
Menggunakan ID
Berikut adalah cara memilih element dengan menggunakan ID.
<html>
<body>
<p id="paragraf"> Menulis Code JavaScript </p>
<script>
Document.getElementById("paragraf").style.color='red';
</script>
</body>
</html>
Menggunakan Nama Class
Berikut adalah cara memilih element dengan menggunakan nama class.
<html>
<body>
<p class="paragraf"> </p>
<p class="paragraf"> </p>
<script>
Document.getElementByClassName("paragraf")[0].innerHTML="paragraf 1";
Document.getElementByClassName("paragraf")[1].innerHTML="paragraf 2";
</script>
</body>
</html>
Menggunakan Nama Tag HTML
Berikut cara memilih element dengan menggunakan nama tag HTML.
<html>
<body>
<p> </p>
<p> </p>
<script>
Document.getElementByTagName("paragraf")[0].innerHTML="paragraf 1";
Document.getElementByClassName("paragraf")[1].innerHTML="paragraf 2";
</script>
</body>
</html>
Ok mungkin sekian yang saya sampaikan tentang materi JavaScript dan mohon maaf untuk materi JavaScript hanya sedikit dalam satu part agar kalian tidak terlalu pusing untuk mengerti tentang materi ini. Jika materi ini bermanfaat silahkan share ke teman - teman kalian agar bisa berbagi ilmu kepada sesama.
Comments
Post a Comment