Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menggunakan Properti Value DOM pada HTML

Properti value DOM pada html digunakan untuk mengatur atau mengembalikan nilai dari atribut jenis apapun.

Cara Menggunakan Properti Value DOM pada HTML
Ilustrasi Properti Value DOM HTML

Sebelum memahami lebih dalam materi tentang Cara Menggunakan Properti Value DOM pada HTML, terlebih dahulu pelajari materi tentang: Menggunakan Properti Spesifik DOM pada HTML [klik], Mengatur Nama Item HTML Menggunakan Method setNamedItem DOM [klik], dan Menghapus Nama Item HTML Menggunakan Method removeNamedItem DOM [klik].

Sintak:
  • Mengembalikan value atribut: attribute.value
  • Mengatur value pada properti: attribute.value = value

Property Value:
  • value: mendefinisikan value dari atribut.

Value Return: mengembalikan string value yang merepresentasikan nilai dari atribut.

Baca Juga: 

Contoh, Berikut adalah ilustrasi dari properti value DOM pada html:

<!DOCTYPE html>

<html>

 

<head>

<title>

Properti Value DOM

</title>

 

<!-- script untuk mengubah value properti -->

<script>

function myFunction() 

{

var x = document.getElementsByTagName("IMG")[0];

x.getAttributeNode("src").value =

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhENua-O5B-3hL8g8uAM6H8fkJesbn2l-ykKs_0BeTQcNyhzMJXUFStSxA2Bc9DZ7pkzKxm1yW1r0cl4GbNP-Ajc6R8XyGG5QQ2M2lFlKF49PNR7TWuBc_qxUPm-lWqcJxGHREQkbSt98Y/s35/964d6513-5fb5-479e-b018-c0af234fddca.jpg";

}

</script>

</head>

 

<body style = "text-align:center">

 

<h1 style = "color:green;">

Blog Elfan

</h1>

 

<h2>

Properti Value DOM

</h2>

 

<img 

src =

"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuMOv86EzJB-YO3vIoHkM88nYRMr_T11MNPQLkIjm77HNXqyLy_lSHDI9qWqOr1Ep6l1YWVIZpiAeHbmmiehKZ9fICM-IRgJK7ExOspK1CM28fyntRxBTEsaosGixKTp0zEHthBmdTrVo/s16000/964d6513-5fb5-479e-b018-c0af234fddca.jpg"

width="180" 

height="180">

 

<p>

Klik tombol untuk mengubah 

nilai dari atribut "src" pada 

gambar.

</p>

 

<!-- Tombol untuk mengubah properti value DOM -->

<button onclick = "myFunction()">

Try it

</button>

 

</body>

 

</html>


Artikel ini didedikasikan kepada: Dwi Sukmawati, Fathan Akbar Marfi, Fitria Rizkika Cahyarani, Ivan Naufal Falah, dan Kuspriyanto Budi Anggoro.

5 komentar untuk "Cara Menggunakan Properti Value DOM pada HTML"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan value properti DOM pada html?

    BalasHapus
    Balasan
    1. Berikut beberapa jenis browser yang dapat digunakan untuk mengaktifkan value properti DOM pada html:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan properti value pada html?

    BalasHapus
    Balasan
    1. Properti value digunakan untuk menetapkan atau mengembalikan nilai button value atribut. Atribut value menentukan nilai dasar yang berkaitan dengan button.

      Hapus
    2. Catatan: pada html, jika menggunakan elemen BUTTON pada form browser html yang berbeda, maka nilai yang dikirimkan dapat berbeda pula.

      Hapus

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 -