Script #10 إخفاء التعليقات عند النقر عليها في حسوب IO

السلام عليكم

تتويجًا للسكربتات العشر الأولى، فهذا سكربت مفيد بالفعل

كان هدفي في بعض السكربتات السابقة تعليمي بحت أكثر من الفائدة العملية

ولكن سكربت اليوم سيسمح لك بإخفاء التعليقات الطوييلة في النقاشات الطوييييلة :)

الأدوات الرئيسية

سنستخدم document.querySelectorAll ولكن مع wildCard

ثم سنستخدم الخاصية hidden لإخفاء العنصر

querySelectorAll

بالسطر التالي سنقوم بجلب كل العناصر التي لها الـid يبدأ بكلمة comment

var comm=document.querySelectorAll("[id^='comment']");

العبارة ^= تعني (يبدأ بـ) ، راجع الرابط التالي

hidden

سنقوم بإضافة حدث Event عند النقر على العنصر، ونسند له تابع يقوم بالإخفاء

for(var i=0;i<comm.length;i++){
   comm[i].onclick=function(){this.hidden=true}
}

لمراجعة الأحداث: https://io.hsoub.com/Useful...

نصّ السكربت

var comm=document.querySelectorAll("[id^='comment']");
for(var i=0;i<comm.length;i++){
   comm[i].onclick=function(){this.hidden=true}
}

والآن لن تزعجك التعليقات المطوّلة، وستتمكن من إبعاد غابات النقاشات وأشجارها عن ناظريك

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