Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Cara Menggunakan Properti Value DOM pada HTML

Dipublikasikan Oleh: elfanmauludi 5 komentar
Properti value DOM pada html digunakan untuk mengatur atau mengembalikan nilai dari atribut jenis apapun.


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

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.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

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

  1. AnonimRabu, 10 November 2021 pukul 12.21.00 WIB

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

    BalasHapus
    Balasan
    1. AnonimRabu, 10 November 2021 pukul 12.21.00 WIB

      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. AnonimRabu, 10 November 2021 pukul 12.22.00 WIB

    Apa yang dimaksud dengan properti value pada html?

    BalasHapus
    Balasan
    1. AnonimRabu, 10 November 2021 pukul 12.24.00 WIB

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

      Hapus
    2. AnonimRabu, 10 November 2021 pukul 12.24.00 WIB

      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 -