id
Misol
JavaScript yordamida matnni o‘zgartirish uchun id atributidan foydalaning:
<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>
<script>
function displayResult() {
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
</body>
</html>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
id atributi HTML elementi uchun noyob id belgilaydi (qiymat HTML hujjati doirasida noyob bo‘lishi kerak).
id atributi asosan uslublar jadvalidagi uslubga ishora qilish uchun, shuningdek JavaScript tomonidan (HTML DOM orqali) aynan shu id ga ega elementni boshqarish uchun ishlatiladi.
Brauzerlarda qo‘llab-quvvatlash
| Atribut | |||||
|---|---|---|---|---|---|
| id | Ha | Ha | Ha | Ha | Ha |
Sintaksis
<element id="id">
Atribut qiymatlari
| Qiymat | Tavsif |
|---|---|
| id | Element uchun noyob id belgilaydi. Nomlash qoidalari:
|
Ko‘proq misollar
1-misol
Sahifa ichida belgilangan id’ga ega elementga havola qilish uchun id atributidan foydalaning:
<html>
<body>
<h2><a id="top">Some heading</a></h2>
<p>Lots of text....</p>
<p>Lots of text....</p>
<p>Lots of text....</p>
<a href="#top">Go to top</a>
</body>
</html>
O‘zingiz sinab ko‘ring »
2-misol
CSS yordamida matnga uslub berish uchun id atributidan foydalaning:
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">W3Schools is the best!</h1>
</body>
</html>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML darsligi: HTML id
HTML darsligi: HTML atributlari
CSS darsligi: CSS sintaksisi
CSS ma’lumotnomasi: CSS #id selektori
HTML DOM ma’lumotnomasi: HTML DOM getElementById() metodi
HTML DOM ma’lumotnomasi: HTML DOM id xususiyati
HTML DOM ma’lumotnomasi: HTML DOM Style obyekti
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!