مثال
استخدام id السمة للتلاعب النص مع جافا سكريبت:
<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 تحدد سمة فريدة من نوعها id لعنصر HTML (يجب أن تكون قيمة فريدة من نوعها ضمن وثيقة HTML).
ل id السمة الأكثر استخداما للإشارة إلى نمط في ورقة أنماط، وجافا سكريبت (عبر DOM HTML) لمعالجة العنصر مع محددة id .
دعم المتصفح
| السمة | |||||
|---|---|---|---|---|---|
| id | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
الخلافات بين HTML 4.01 و HTML5
في HTML5، و id السمة يمكن استخدامها علىأي عنصر HTML (سوف تحقق على أي عنصر HTML. ومع ذلك، فإنه ليس من المفيد بالضرورة).
في HTML 4.01، و id السمة لا يمكن أن تستخدم مع: <base>, <head>, <html>, <meta>, <param>, <script>, <style> ، و <title> .
ملاحظة: HTML 4.01 لديها مزيد من القيود على محتوى id القيم (على سبيل المثال، في HTML 4.01 id لا يمكن بدء القيم مع عدد).
بناء الجملة
<elementid="id">
السمة القيم
| القيمة | وصف |
|---|---|
| id | يحدد فريد id للعنصر. قواعد التسمية:
|
المزيد من الأمثلة
مثال 1
استخدام id السمة لربط عنصر المحدد مع id داخل صفحة:
<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">w3ii is the best!</h1>
</body>
</html> انها محاولة لنفسك » صفحات ذات صلة
درس HTML: سمات HTML
CSS دروس: CSS المختارون
CSS المرجعي: CSS #id محدد
HTML DOM المرجعي: HTML DOM getElementById() الطريقة
HTML DOM المرجعي: HTML DOM id الملكية
HTML DOM المرجعي: كائن HTML DOM ستايل