HTML คุณสมบัติ id

Paglilinaw at Paggamit

id Ang atribute ay nagtutukoy sa natatanging id ng HTML elemento. (Ang halaga ay dapat maging natatanging sa buong HTML dokumento).

id Ang atribute ay pinaka ginagamit upang tumutukoy sa estilong sa stylesheet, at gamitin ang JavaScript (sa pamamagitan ng HTML DOM) upang operahan ang elemento na may partikular na id.

id Ang atribute ay maaari ring gamitin bilang anchor ng link (link anchor).

Bilang Karagdagan:

HTML Tutorial:HTML id

HTML Tutorial:HTML คุณสมบัติ

CSS Tutorial:CSS ระบบการเขียน

CSS Mga Pagsusuri:CSS #id Selector

HTML DOM Mga Pagsusuri:HTML DOM getElementById() Method

HTML DOM Mga Pagsusuri:HTML DOM id Atribute

HTML DOM Mga Pagsusuri:สมาชิก HTML DOM Style

Mga Halimbawa

Mga Halimbawa 1

Gamitin ang id attribute upang baguhin ang isang teksto gamit JavaScript:

<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Bago ang Teksto</button>
<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "May magandang araw!";
}
</script>
</body>
</html>

ทดลองด้วยตัวเอง

Mayroong mas maraming halimbawa sa ibaba ng pahina.

Pagsusulat

<elemento id="id">

Halaga ng Atribute

Halaga Paglalarawan
id

Tukuyin ang isang natatanging id sa elemento. Nangangahulugan ang patakaran ng pangalan:

  • Dapat magkaroon ng kahit anong character
  • Hindi dapat magkaroon ng anumang espasyong character

Maraming Mga Halimbawa

Mga Halimbawa 2

Gamitin ang id attribute upang ma-link sa elemento na may tinukoy na id sa pahina:

<html>
<body>
<h2><a id="top">Iyong Pambansang Pahalagahan</a></h2>
<p>Maraming maraming teksto ....</p>
<p>Maraming maraming teksto ....</p>
<p>Maraming maraming teksto ....</p>
<a href="#top">Bumalik sa Taas</a>
</body>
</html>

ทดลองด้วยตัวเอง

ตัวอย่าง 3

ตัวอย่าง 3: ใช้คุณสมบัติ id ผ่าน CSS ที่จะทำให้ข้อความเป็นมาตรฐาน

<html>
<head>
<style>
#myHeader {
  color: red;
  text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">CodeW3C.com คือที่ดีที่สุด!</h1>
</body>
</html>

ทดลองด้วยตัวเอง

การสนับสนุนเบราเซอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน