سمة معرف HTML
مثال
استخدم سمة id لمعالجة النص باستخدام JavaScript:
<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>
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تحدد السمة idمعرفًا فريدًا لعنصر HTML (يجب أن تكون القيمة فريدة داخل مستند HTML).
تُستخدم idالسمة بشكل أكبر للإشارة إلى نمط في ورقة أنماط ، ومن خلال JavaScript (عبر HTML DOM) لمعالجة العنصر بالمعرّف المحدد.
دعم المتصفح
| Attribute | |||||
|---|---|---|---|---|---|
| id | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
<element id="id">
قيم السمات
| Value | Description |
|---|---|
| id | Specifies a unique id for the element.
Naming rules:
|
مزيد من الأمثلة
مثال 1
استخدم سمة المعرف للارتباط بعنصر بمعرف محدد داخل الصفحة:
<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>
مثال 2
استخدم سمة id لنمط النص باستخدام CSS:
<html>
<head>
<style>
#myHeader {
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">W3Schools is the best!</h1>
</body>
</html>
الصفحات ذات الصلة
دروس HTML: معرف HTML
دروس HTML: سمات HTML
دروس CSS: بناء جملة CSS
مرجع CSS: CSS #id Selector
مرجع HTML DOM: طريقة HTML DOM getElementById ()
مرجع HTML DOM: خاصية معرّف HTML DOM
مرجع HTML DOM: كائن نمط HTML DOM