• 0

كيف أحذف سطر html ذي وسم css معين عن طريق جافاسكربت؟

السلام عليكم إخوتي.

أريد سكربت جافاسكربت بشرط أن يتم من خلاله الآتي:

مثلا إذا كان عنوان الموضوع "tittle" أخضر "green" فيتم حذف الصف "text"

مثال : اذا كان 

 tittle{color:green}

فان 

<div class="text"></div>

= حذف  

أي يختفي كل كود يحمل الوسم text من الصفحة.

شكرا :) \

 

 

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

الطريقة التي يمكن عمل بها طلبك هي بمسح جميع العناصر

var items = document.querySelectorAll("*");
for(var i=0;i<items.length;i++){

}

ثم إن كان اللون أخضر فيتم الحذف هذه الشفرة مع الشرح

var items = document.querySelectorAll("*"); // جلب جميع العناصر
for(var i=0;i<items.length;i++){ // تكرار جميع العناصر
     var color = items[i].style.color; // اللون للعنصر الحالي
     if(color == "green" || color == "rgb(0,255,0)" || color == "#00FF00" || color == "#0F0"){ // اللون الاخضر بجميع انماط الالوان
         items[i].outerHTML = ""; // الحذف مع أنه كان يمكن إستخدام remove لكن لن تعمل على متصفح انترنت اكسبلور
     }
}

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن