هناك طريقتان لتغيير سمة SRC للصورة:
1. طريقة setAttribute هي مكون من "المستوى 1 DOM" ، والذي يمكنه تعيين أي سمات لعقدة العنصر.
2 ، element.src = source ؛ هذه هي الطريقة قبل ظهور "المستوى 1 DOM" ، وهي فعالة الآن.
ميزة "المستوى 1 DOM" هي قابلية النقل الجيدة. تنطبق تلك الطرق القديمة فقط على مستندات الويب ، بينما ينطبق DOM على أي لغة ترميز.
وظيفة التعامل مع الأحداث
عند النقر على رابط ، أريد البقاء على صفحة الويب هذه بدلاً من الذهاب إلى نافذة أخرى ، فإن الرمز هو كما يلي:
نسخة الكود كما يلي:
<a href = "http://www.example.com" onClick = "showpic (this) ؛ return false ؛"> انقر فوق </a>
عند النقر فوق هذا الرابط ، نظرًا لأن القيمة التي يتم إرجاعها بواسطة رمز JavaScript الناجم عن وظيفة معالج الأحداث OnClick تكون خاطئة ، فإن السلوك الافتراضي لهذا الرابط لا يتم تشغيله.
سمة eildnodes
يمكن استخدام سمة الأطفال للحصول على جميع عناصر الأطفال في أي عنصر. تحتوي المصفوفة التي يتم إرجاعها بواسطة خاصية ChildNodes على عقد من جميع الأنواع ، وليس فقط العقد العناصر. في الواقع ، يتم تفسير كل شيء تقريبًا في المستند عقدة ، وحتى المساحات وفواصل الأسطر يتم تفسيرها على أنها العقد ، وكلها موجودة في المصفوفة التي يتم إرجاعها بواسطة خاصية الأطفال.
لكن كل عقدة لديها خاصية nodetype. هناك 12 قيمًا مرغوبة لسمات nodetype ، ولكن 3 منها فقط لها قيم مفيدة: قيمة سمة nodetype لعقدة العنصر هي 1 ، وقيمة سمة nodetype لعقدة السمة هي 2 ، وقيمة سمة nodetype لعقدة النص هي 3.
إذا كنت ترغب في تغيير قيمة عقدة النص ، فاستخدم خاصية القيم التي توفرها DOM.
يحتوي childnodes عنصر الصفيف [0] على مرادف أكثر سهولة وسهلة القراءة ، والذي يمكن كتابته على أنه FirstChild ؛ يوفر DOM أيضًا سمة LastChild المقابلة.
مثال:
نسخة الكود كما يلي:
<p id = "description"> اختر صورة </p>
قم أولاً بإنشاء متغير لتخزينه:
نسخة الكود كما يلي:
var description = document.getElementById ("الوصف") ؛
قيمة إرجاع الوصف. nodevalue خالية. خاصية القيم العقلية للعنصر <p> نفسه هي قيمة فارغة. إذا كنت ترغب في الحصول على قيمة النص الوارد في العنصر <p> ، فأنت بحاجة إلى استخدام الوصف. childnodes [0]