إزالة الفئات بناءً على النمط في JavaScript

لإزالة جميع العناصر التي تحتوي على النمط (style) المحدد، يمكنك استخدام الكود التالي:

javascriptCopy code
document.querySelectorAll('[style="background:#F9F0D5"]').forEach(function(element) {
    element.remove();
});

يقوم الكود بتحديد جميع العناصر التي تحتوي على النمط (style) الذي تحدده، ثم يقوم بحذفها.

بالطبع! الكود الذي قدمته يستخدم document.querySelectorAll لاختيار جميع العناصر التي تحتوي على النمط المعين، ومن ثم يستخدم forEach لتكرار هذه العناصر واستخدام element.remove() لإزالتها من الصفحة.

يرجى ملاحظة أن هذا الكود سيحذف أي عناصر تحتوي على النمط المعين بغض النظر عن العنصر الفرعي الذي يحتوي على النمط. إذا كنت تريد فقط إزالة العناصر التي تحتوي على النمط دون النظر إلى العناصر الفرعية، يمكنك تحديد العناصر المحددة بدقة بواسطة النوع والفئة.

على سبيل المثال، إذا كنت تريد فقط إزالة العنصر الذي يحتوي على الفئة .viewed والنمط style="background:#F9F0D5"، يمكنك استخدام الكود التالي:

javascriptCopy code
document.querySelector('.viewed[style="background:#F9F0D5"]').remove();

هذا الكود سيختار العنصر الذي يحتوي على الفئة .viewed والنمط المعين ويقوم بإزالته فقط.