id mestilah unik dalam dokumen HTML. Dalam dokumen HTML, mana-mana elemen (nod) mempunyai atribut id Atribut id ialah pengecam unik nod dan merupakan pengecam "unik" apabila menentukan operasi DOM untuk nod, jadi nilai id tidak boleh diulang dalam yang sama. dokumen; Jika pengecam tidak unik, ia akan menyebabkan masalah semasa mengendalikan DOM.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3. Atribut
id menentukan id unik elemen HTML.
id mestilah unik dalam dokumen HTML.
Dalam dokumen HTML, mana-mana elemen (nod) mempunyai atribut id Atribut id ialah pengecam unik nod Ia adalah pengecam "unik" apabila menentukan operasi DOM untuk nod, begitu juga dokumen Nilai id tidak boleh diulang.
ID tiada kaitan dengan cara halaman dipaparkan sama ada pemaparan itu betul bergantung pada struktur dan gaya dokumen (di sini ialah peraturan gaya yang ditulis oleh anda dalam helaian gaya lalai penyemak imbas), jadi ia boleh. dipaparkan secara normal.
Tetapi pengecam bukan unik akan menyebabkan masalah apabila mengendalikan DOM.
<html>
<head>
<style type="text/css">
#txtName {background:red;}
</style>
<script type="text/javascript">
function GetValue()
{
var a = document.getElementById('txtName').value;
alert(a);
}
</script>
</head>
<body >
姓名：<input type="text" id="txtName" /> </br>
密码：<input type="text" id="txtName" /> </br>
<input type="button" value="获取id=txtName的文本框的值" onclick="GetValue();" />
</body>
</html>Antaranya:
var a = document.getElementById('txtName').value;
mendapat nilai teg ID="txtName" Hasilnya ialah nilai kotak teks pertama muncul, menunjukkan bahawa penyemak imbas hanya mengambil nilai kotak teks pertama Nilai teg dengan ID ini, pemaparan adalah seperti berikut:
Ringkasan: Jika terdapat ID yang sama, javascript hanya akan mengambil tag pertama dengan ID ini.
Tutorial yang disyorkan: "tutorial video html"
Atas ialah kandungan terperinci Adakah id unik dalam dokumen html?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
