Cara menggunakan PROPERITIES pada JavaScript

Question

Pada kesempatan kali ini saya akan menjelaskan cara menggunakan property className JavaScript. Perlu teman-teman ketahui sebelumnya, className adalah salah satu property javascript yang berfungsi untuk menetapkan atau menentukan suatu nilai dari attribute class element. Seperti pada contoh disini saya memiliki struktur dokumen html seperti berikut :

Table of Contents Show

Apa itu properti dalam JavaScript?
Apa itu constructor di JavaScript?
Apa saja objek JavaScript?
Apa Itu this di JavaScript?

<!DOCTYPE html>

<head>

<title>cara menggunakan propertyclassName JavaScript</title>

</head>

<body>

<div>Ini adalah contoh element tanpa attribute class</div>

<button>Add Class</button>

</body>

</html>

Seperti yang kalian lihat dari struktur kode html diatas, dimana saya memiliki satu element <div> yang tidak memiliki attribute apapun, dan pada contoh disini saya akan menambahkan atau menetapkan attribute class beserta dengan nama nilai dari attribute tersebut dari event onclick button yang ada di struktur kode html tersebut. Dan untuk kode JavaScriptnya adalah seperti berikut :

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<!DOCTYPE html>

<head>

<title>caramenggunakan propertyclassNameJavaScript</title>

</head>

<style>

.active{

background:red;

}

</style>

<body>

<div>Ini adalah contoh element tanpa attribute class</div>

<button onclick="fungsiSaya()">AddClass</button>

</body>

functionfungsiSaya(){

document.getElementsByTagName("div")[0].className="active";

}

</script>

</html>

Sampai disini penjelasan saya mengenai cara menggunakan property className JavaScript, semoga bermanfaat.

Berikut ini menunjukkan pendekatan alternatif untuk mengembalikan objek pasangan kunci menggunakan bentuk (a, b). Contoh pertama menggunakan string 'key' sebagai nama properti, dan 'val' sebagai nilainya.

Contoh # 1:

(function(o,a,b){return o[a]=b,o})({},'key','val');

Contoh: # 2:

var obj = { foo: 'bar' };
(function(o,a,b){return o[a]=b,o})(obj,'key','val');

Seperti yang ditunjukkan pada contoh kedua, ini dapat memodifikasi objek yang ada juga (jika properti sudah didefinisikan dalam objek, nilai akan ditimpa) .

Hasil # 1: { key: 'val' }
Hasil # 2: { foo: 'bar', key: 'val' }

Apa itu properti dalam JavaScript?

Properti JavaScript Properti adalah nilai yang berkaitan dengan objek pada JavaScript. Sedangkan objek JavaScript adalah kumpulan properti yang tidak berurutan. Properti biasanya dapat diubah, ditambahkan, dan dihapus, tetapi beberapa hanya dapat dibaca.

Apa itu constructor di JavaScript?

Constructor biasanya digunakan untuk inisialisasi nilai properti atau nilai variable tertentu. Constructor mempunyai parameter seperti juga fungsi. Nilai pada parameter tersebut diberikan pada waktu object dibuat dengan menggunakan keyword new.

Apa saja objek JavaScript?

Objek JavaScript adalah entitas yang independen di mana ia memiliki metode dan properti. Nilai properti dapat berupa fungsi, dalam hal ini properti tersebut dikenal sebagai metode. dalam JavaScript Anda tidakd apat mendeklarasikan angka, string, dan boolean sebagai objek.