getAttribute
يتم استخدام هذه الطريقة للحصول على سمات عنصر ما ، وطريقة الاتصال هي كما يلي:
نسخة الكود كما يلي:
Object.getAttribute (السمة)
تختلف عن بعض الطرق التي تم تقديمها من قبل ، لا تنتمي طريقة getAttribute إلى كائن المستند ، لذلك لا يمكن استدعاؤها من خلال كائن المستند. لا يمكن استدعاؤه إلا من خلال كائنات عقدة العنصر.
تقبل هذه الطريقة معلمة واحدة فقط ، وتحدد اسم السمة إلى الاستعلام. إذا لم يتم تعيين الخاصية المحددة ، فستقوم النتيجة بإرجاع كائن فارغ.
setAttribute
عكس ما سبق هو setAttribute ، والذي يستخدم لتعيين سمات عقدة العنصر. طريقة الاتصال على النحو التالي:
نسخة الكود كما يلي:
object.setattribute (السمة)
هذه الطريقة تقبل معلمة واحدة فقط ، أي السمة التي تريد تعيينها.
القراءة الموسعة
بعد تعديل المستند من خلال setAttribute ، عند عرض الكود المصدر للوثيقة من خلال خيار مصدر عرض المتصفح ، سيظل ما تراه هو القيمة السابقة. وهذا يعني أن التعديلات التي أجراها setAttribute لن تنعكس في الكود المصدري للوثيقة نفسها. تأتي هذه الظاهرة من "غير متسق داخل وخارج" من وضع العمل في DOM: قم أولاً بتحميل المحتوى الثابت للوثيقة ، وتحديث ديناميكيًا ، ولا يؤثر التحديث ديناميكيًا على المحتوى الثابت للمستند. هذه هي القوة الحقيقية لـ DOM: تحديث محتوى الصفحة دون تحديث الصفحة في المتصفح.
تنتمي الطريقتان أعلاه إلى واجهة برمجة التطبيقات التي تمت إضافتها حديثًا في DOM المستوى 1. قبل ظهورها ، يمكن تنفيذها من خلال طريقة أخرى ، مثل ما يلي
احصل على سمات:
نسخة الكود كما يلي:
var val = element.attribute // get attribute
ما سبق يعادل
نسخة الكود كما يلي:
var val = element.getAttribute ('السمة') ؛
تعيين الخصائص:
نسخة الكود كما يلي:
element.attribute = "القيمة الجديدة" ؛
يعادل
نسخة الكود كما يلي:
element.setattribute ("السمة" ، "القيمة الجديدة") ؛
إذا كنت تريد أن تكون كسولًا وكتابة لوحات مفاتيح أقل ، فسيتم التوصية بالطريقة أعلاه ، ولكن يجب أن تحترم أفضل الممارسات مع معيار DOM ، أي استخدام setAttribute و getAttribute.
ما سبق هو المحتوى الكامل لهذه المقالة. الأصدقاء الذين يحتاجون إلى ذلك ويتعلمون ذلك. أتمنى أن يعجبك.