JavaScript Introduction

< Previous
JavaScript Introduction - BeHangat
Pada halaman ini berisi beberapa contoh dari apa yang dapat dilakukan JavaScript 

JavaScript Dapat Mengubah Konten HTML

Salah satu dari banyak metode JavaScript HTML adalah getElementById().

Contoh ini menggunakan metode untuk "menemukan " elemen HTML (dengan id="demo") dan mengubah isi elemen (innerHTML) untuk "Hello JavaScript" :

Contoh :

document.getElementById("demo").innerHTML = "Hello JavaScript";

Dengan HTML dan JavaScript anda dapat menggunakan tanda kutip tunggal atau ganda:

Contoh :

document.getElementById('demo').innerHTML = 'Hello JavaScript';

JavaScript Dapat Mengubah Atribut HTML

Contoh, mengubah gambar HTML dengan mengubah src (source) atribut dari sebuah <img> tag :

<!DOCTYPE html>
<html>
<body>

<h1>What Can JavaScript Do?</h1>

<p>JavaScript can change HTML attributes.</p>

<p>In this case JavaScript changes the src (source) attribute of an image.</p>

<button onclick="document.getElementById('myImage').src='pic_bulbon.gif'">Turn on the light</button>

<img id="myImage" src="pic_bulboff.gif" style="width:100px">

<button onclick="document.getElementById('myImage').src='pic_bulboff.gif'">Turn off the light</button>

</body>
</html>

JavaScript Dapat Mengubah HTML Styles (CSS)

Mengubah elemen style HTML, adalah varian dari mengubah atribut HTML:

Contoh :

document.getElementById("demo").style.fontSize = "25px";
or
document.getElementById('demo').style.fontSize = '25px';

JavaScript menerima kedua tanda kutip ganda dan tunggal

JavaScript dapat menyembunyikan Elements HTML

Menyembunyikan Elements HTML dapat dilakukan dengan mengubah display style (gaya tampilan):

Contoh:

document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';

JavaScript Bisa Tampilkan Elements HTML

JavaScript juga bisa menampilkan elements HTLM tersembunyi dengan cara mengubah display style (gaya tampilan) :

contoh :

document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display = 'block';

< Previous

Jika Kamu Punya Artikel, Puisi, Sesuatu Yang Ingin Kamu Upload, Maka Kamu Bisa Kirim Ke Alamat Email Di Bawah Ini:
Email : puisibehangat@gmail.com
Sertakan Judul Beserta Foto/Gambar

Reaksi:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser