Cara mengubah nilai atribute element HTML

Cara mengubah nilai atribute element HTML

478
0
SHARE

Bahasan kita kali ini agak unik..dan mungkin jarang kita gunakan. Tapi menurut saya bahasan kita ini wajib diketahui bagi para web programmer. Kali ini kita akan membahasa tentang cara mengubah nilai atribute HTML. Maksudnya apa? Perhatikan element berikut ini :

Perhatikan bahwa element a di atas memiliki attribute href dengan nilai #. Kita akan mengubahnya dengan javascript.

Caranya adalah sebagai berikut.

Mengubah nilai atribute element HTML

Step 1 : Buatlah file index.php dengan kode sbb :

Step 2 : Tambahkan javascript berikut ini sebelum tag penutup body, sehingga index.php anda menjadi seperti berikut ini

Jalankan melalui browser dan lihatlah hasilnya bahwa alamat link telah sesuai dengan yang ada pada javascript.

Memanipulasi CSS element

Dengan cara yang sama kita juga bisa memanipulasi css yang digunakan oleh suatu element. Misalnya kita akan mengatur tinggi sebuah div agar selalu sesuai dengan tinggi layar browser. Caranya adalah sbb :

┬áDan taraaa… lihatlah hasilnya bahwa tinggi div akan sesuai dengan tinggi layar browser anda.

Dengan cara ini kita bisa bekreasi sesuai kemauan kita. Kita bisa mengatur css, nilai attribute dll. Cara ini bisa juga kita gunakan untuk menampilkan prosentase progress import excel dengan PHP. Scriptnya seperti apa..silahkah dicoba sendiri dulu.. bila ada masalah silahkan tulis di kolom komentar.. hehe

Terima kasih telah berkunjung ke harviacode.com.

Bagikan artikel ini ya.. terima kasih

NO COMMENTS

LEAVE A REPLY