tRikSonic
Tema
  • Original
  • Translate

HTML id Attribute

Terakhir diperbarui : 8 April 2018 - 09.33

Tutorial Attribute id

Attribute id digunakan untuk menentukan sebuah ID atau identitas unik pada sebuah element.
Attribute id dapat disisipakan CSS sebagai pemanis tampilan. Attribute id dalam penggunaan javascript lebih dianjurkan dari pada Attribute class

Attribute Value

AttributeValueDeskripsi
idID_unikMenentukan nama ID unik pada element HTML
  • Nama ID harus berbeda dengan nama ID lainnya
  • Nama ID tidak boleh ada space
  • Besar kecil karakter sangat mempengaruhi

Contoh Attribute id

<style>
#div-area {
    padding: 15px;
    background: beige;
    border: 1px solid silver;
}
</style>

<p id="div-area">
 TrikSonic
</p>

<button onclick="demo();">Klik Button ini</button>

<script>
function demo() {
 var elem = document.getElementById("div-area");
     elem.innerHTML = "TUTORIAL BLOG";
     alert("Javascript");
}
</script>
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8"/>
<title>Demo Triksonic</title>
<style>
#div-area {
    padding: 15px;
    background: beige;
    border: 1px solid silver;
}
</style>
</head>
<body>

<p id="div-area">TrikSonic</p>

<button onclick="demo();">Klik Button ini</button>

<script>
function demo() {
 var elem = document.getElementById("div-area");
     elem.innerHTML = "TUTORIAL BLOG";
     alert("Javascript");
}
</script>

</body>
</html>

Browser Support :

AttributeChromeSafariFirefoxOperaIE / Edge
idYaYaYaYaYa
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.