اذهب إلى المحتوى
  • 1

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

جمهورية ستاردول

السؤال

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

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

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

مثال : اذا كان 

 tittle{color:green}

فان 

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

= حذف  

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

شكرا :) \

 

 

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 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 لكن لن تعمل على متصفح انترنت اكسبلور
     }
}

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...