HTML ລັກສະນະ id

ການອະທິບາຍ ແລະ ການນໍາໃຊ້

id ບັນດາບັນດາປະສົມນຳໃຊ້ທີ່ສະແດງຄວາມອັນຕະລາຍສຳລັບປະກອບ HTML (ຄວາມສະແດງຕ້ອງເປັນອັນຕະລາຍໃນເອກະສານ HTML).

id ບັນດາບັນດາປະສົມນຳໃຊ້ຫຼາຍທີ່ສຸດເພື່ອປະກົດຕົວຊົງ, ແລະການດຳເນີນການທີ່ພິມດ້ວຍ JavaScript (ຜ່ານ HTML DOM) ທີ່ມີ id ເພື່ອນັ້ນ.

id ບັນດາບັນດາປະສົມສາມາດນຳໃຊ້ເປັນປະກອບປັນການເຊື່ອມຕໍ່ (link anchor).

ບໍ່ອອກຈາກ:

ຫຼັກສູດ HTML:HTML id

ຫຼັກສູດ HTML:HTML ລັກສະນະ

ຫຼັກສູດ CSS:CSS ວິທະຍາສາດ

ຄູ່ມວນຊົນ CSS:CSS #id ຄວາມຄົ້ນຫາ

ຄູ່ມວນຊົນ HTML DOM:HTML DOM getElementById()

ຄູ່ມວນຊົນ HTML DOM:HTML DOM id

ຄູ່ມວນຊົນ HTML DOM:HTML DOM Style ໂອລໍ່ອອກ

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ນຳໃຊ້ id ທີ່ພິມ ເພື່ອປ່ຽນຂໍ້ຄວາມທີ່ໜຶ່ງ ທີ່ພິມດ້ວຍ JavaScript:

<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">ປ່ຽນຂໍ້ຄວາມ</button>
<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "ມີການສະຫຼວດທີ່ຍິ່ງ!";
}
</script>
</body>
</html>

ທ້າທາຍດັ່ງກ່າວ

ຫນັງເວັບໄຊດ້ານລຸ່ມມີຕົວຢ່າງອີກ.

ຂອບເຫດ

<element id="id">

ຄວາມສະແດງຂອງບັນດາບັນດາປະສົມ

ຄວາມສະແດງ ການອະທິບາຍ
id

ກໍານົດ id ສຳລັບປະກອບ. ກົດລະບຽບຊື່:

  • ຕ້ອງມີຄວາມສະແດງຢ່າງໜ້ອຍຄວາມທີ່ໜຶ່ງ
  • ບໍ່ສາມາດບັນທຶກຄວາມລະຢາຍໃນບາງຄະນະ

ຫຼາຍຕົວຢ່າງອີກ

ຕົວຢ່າງ 2

ນຳໃຊ້ທີ່ພິມ id ເພື່ອເຊື່ອມຕໍ່ກັບບັນດາປະກອບທີ່ມີ id ເພື່ອນັ້ນໃນຫນັງເວັບໄຊ:

<html>
<body>
<h2><a id="top">ຫົວຂໍ້ທີ່ບໍ່ຄົງທີ່</a></h2>
<p>ຫຼາຍຫຼາຍຂໍ້ຄວາມ ....</p>
<p>ຫຼາຍຫຼາຍຂໍ້ຄວາມ ....</p>
<p>ຫຼາຍຫຼາຍຂໍ້ຄວາມ ....</p>
<a href="#top">ກັບຄືນສູງສຸດ</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
ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ ສະໜັບສະໜູນ