Script #3 صورتك الشخصية بدلًا من كل الصور

السلام عليكم

الفكرة في تغيير قيمة الخاصّية src في العنصر img لتصبح نفس الرابط لصورتك الشخصية

1- نبدأ بأخذ الـavatar الخاص بك عن طريق الـid الخاص به usrAvatar

avatar=document.getElementById("usrAvatar");

1.5- نجلب رابط صورتك الشخصية

var yourImage = avatar.childNodes[1].childNodes[1].childNodes[0].src

وقد عرفت هذا عن طريق Inspect Element لمعرفة كيفية تنظيم الهيكلية الخاصة بالمستخدم.

لمن لا يعرف كيف يظهر جزء HTML الخاص بعنصر ما، اضغط على العنصر بالزر الأيمن واختر من القائمة Inspect Element

2- نجلب جميع الصور الموجودة في الصفحة (كل عناصر img في الصفحة)

var images=document.getElementsByTagName("img");

3- ثم نقوم بالمرور على جميع عناصر img وتغيير الخاصية src فيها

for(var i=0;i<images.length;i++)
    images[i].src=yourImage;

 والآن ستكون صورتك مكان جميع الصور الأخرى التي تستخدم الوسم img

صحح أخطائي، انصحني، نبّهني، ساعدني، وسأكون شاكرًا

والله وليّ التوفيق

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

supercoder أضف ردا

ولماذا كل هذا صديقي

var yourImage = avatar.childNodes[1].childNodes[1].childNodes[0].src

يُمكنك إستخدام المُحدد

 var avatar =document.querySelector("#usrAvatar img").src;

الآن فهمت السطر الذي كتبته حضرتك، أنت تختار أول ظهور لعنصر img بداخل عنصر له id اسمه usrAvatar

قمت بكتابة هذا السطر أيضًا:

var yourImage = document.querySelector("#usrAvatar > a > span > img").src

مرجع هام

شكرًا لك :)

Mostafa_36a2 أضف ردا

لا أزال ضعيفًا في css ولذلك أتجنب استخدام querySelector، ولكن يبدو أنه قد صار من اللازم قراءة هذه الصفحة

وهذه

شكرًا جزيلًا لك