سمات البيانات.جس هي واحدة من الأدوات الأكثر فائدة ومرنة التي تقدمها هتمل5. أنها تسمح للمطورين لتخزين بيانات المستخدم داخل العناصر ومعالجتها باستخدام جافا سكريبت.
واحدة من أكثر الطرق شيوعا لاستخدام سمات البيانات.جس هو تخزين المفاتيح والقيم التي يمكن تمريرها إلى جافا سكريبت لتنفيذ عمليات مختلفة أو عرض البيانات على صفحة ويب.
في هذا الدليل ، سننظر في الطرق الأساسية للحصول على سمة البيانات.شبيبة باستخدام جافا سكريبت. سوف تتعلم كيفية الحصول على سمة وقيمتها ، وكذلك كيفية استخدامها في البرنامج النصي الخاص بك لتغيير محتوى الصفحة ديناميكيا أو تنفيذ منطق معين.
- لماذا هناك حاجة إلى سمة البيانات.شبيبة في جافا سكريبت?
- كيفية تعيين سمة البيانات.شبيبة في عنصر أتش تي أم أل?
- كيفية الحصول على قيمة سمة البيانات.شبيبة في جافا سكريبت?
- التطبيق العملي لسمة البيانات.شبيبة
- سؤال وجواب
لماذا هناك حاجة إلى سمة البيانات.شبيبة في جافا سكريبت?
سمة البيانات.جس هي واحدة من الأدوات القوية في جافا سكريبت التي تسمح للمطورين لتخزين بيانات إضافية في عناصر هتمل. يمكن استخدام هذه البيانات لأغراض مختلفة ، على سبيل المثال ، لتخزين معلومات حول حالة عنصر ما ، أو لنقل البيانات بين المكونات المختلفة لصفحة الويب ، أو لتخزين الإعدادات في واجهة المستخدم.
سمة البيانات.جس لديه بناء جملة بسيط جدا-اسمها يجب أن تبدأ مع البادئة "البيانات -" تليها اسم السمة التعسفي.
ميزة استخدام سمة البيانات.جس هو أنه يسمح للمطورين لإضافة معلومات المستخدم إلى عناصر هتمل دون انتهاك دلالاتها. هذا يعني أنه حتى إذا كان المتصفح لا يدعم جافا سكريبت ، فإن العناصر ذات سمة البيانات.سوف لا يزال يتم عرض جس وقابلة للعرض.
سمة البيانات.شبيبة يمكن استخدامها لتخزين أي نوع من البيانات. يمكن أيضا تغيير قيمته باستخدام شفرة جافا سكريبت أثناء تشغيل التطبيق. هذا يجعل من الممكن تغيير بيانات العنصر ديناميكيا وتحديث واجهة المستخدم دون إجراء تغييرات على شفرة هتمل نفسها.
، ثم يمكن الحصول على القيمة على النحو التالي:
عنصر فار = وثيقة.كيريسيليكتور ('#مياليمنت');فار معرف المستخدم = عنصر.مجموعة البيانات.معرف المستخدم;
يمكن استخدام القيمة الناتجة في مزيد من العمل ، على سبيل المثال ، لتنفيذ طلب أجاكس أو تغيير حالة عنصر.
وبالتالي ، سمة البيانات.يوفر جس للمطورين مع وسيلة مريحة لتخزين بيانات إضافية في عناصر هتمل واستخدامها في شفرة جافا سكريبت. انها تسمح لك لإنشاء مواقع أكثر ديناميكية وتفاعلية ، والحد من الاعتماد على رمز هتمل ثابت.
كيفية تعيين سمة البيانات.شبيبة في عنصر أتش تي أم أل?
في عنصر هتمل ، فإنه يسمح لك لتخزين بيانات المستخدم ونقلها إلى جافا سكريبت.
في اسم السمة ، وبعد البادئة ، حدد اسم السمة المحدد.
:
| كود أتش تي أم أل | الوصف |
|---|---|
|
من سمة البيانات.شبيبة
من العنصر.
- باستخدام جافا سكريبت:
- من سمة البيانات.شبيبة
أولا ، نحصل على مرجع للعنصر باستخدام الطريقة استخدام العقار ال
.
هنا مثال على استخدام جافا سكريبت للحصول على قيمة السمةالبيانات.شبيبة
:
// الحصول على رابط لعنصر
عنصر فار = وثيقة.جيتليمنتبيد ('مثال');
// الحصول على بيانات قيمة السمة.شبيبة
'مثال'
وإخراجه إلى وحدة التحكم.
وهكذا,
سمة البيانات.شبيبة
في عنصر هتمل يسمح لك لتخزين بيانات المستخدم واسترجاعها باستخدام جافا سكريبت.
| كيفية الحصول على قيمة سمة البيانات.شبيبة في جافا سكريبت? | سمة البيانات.جس هو سمة خاصة من عناصر هتمل التي تسمح لك لتخزين بيانات المستخدم في شفرة جافا سكريبت. هذه السمة مريحة للغاية لتخزين المعلومات التي لا يتم عرضها على الصفحة ، ولكن يمكن استخدامها للتعامل مع الأحداث والوصول إلى البيانات في جافا سكريبت. |
|---|---|
| عنصر كونست = وثيقة.جيتليمنتبيد ('بلدي عنصر'); | |
|---|---|
| جافا سكريبت |