'،'

' و '

'العلامات المستخدمة في الكود أدناه:

---

---

< شعبة >
< h1 > مرحبًا مستخدمي Linuxhint < / h1 >
< h2 > Linuxhint هو مكان الجنة < / h2 >
< ص > الاستفسارات المتعلقة بلغات البرمجة. < / ص >
< / شعبة >
< زر > مزيل النمط لـ Div < / زر >

بعد تنفيذ الكود أعلاه ، تبدو صفحة الويب كما يلي:

يُظهر الإخراج بنية HTML لعنصر div والزر.

الخطوة 2: إضافة نمط مضمّن
داخل علامة فتح div ، يتم استخدام ' أسلوب 'وتطبيق بعض خصائص CSS لجعل العناصر بارزة وجذابة:

< شعبة أسلوب = '
اللون: darkmagenta.
لون الخلفية: زبرجد متوسط ​​؛
الهامش: 20 بكسل ؛
المساحة المتروكة: 30 بكسل ؛ ' >
< h1 > مرحبًا مستخدمي Linuxhint < / h1 >
< h2 > Linuxhint هو مكان الجنة < / h2 >
< ص > الاستعلامات المتعلقة بلغات البرمجة. < / ص >
< / شعبة >
< ر >
< زر > أسلوب يزيل ل ديف < / زر >

ناتج الكود أعلاه هو:

يؤكد الإخراج أن الأنماط المضمنة يتم تطبيقها على عنصر div فقط.

الخطوة 3: استخدام jQuery لإزالة Inline CSS
لإزالة سمات النمط ، تستدعي الوظيفة الأصلية عندما ' وثيقة ' يكون ' مستعد '. في الكود أدناه ، تستدعي الوظيفة الداخلية عندما ينقر المستخدم على ' زر '. بعد ذلك ، تحدد هذه الوظيفة جميع عناصر div الموجودة في الصفحة وتستخدم ' remove.Attr () ' طريقة:

< النصي >
$ ( وثيقة ) .مستعد ( وظيفة ( ) {
$ ( 'زر' ) .انقر ( وظيفة ( ) {
$ ( 'div' ) .removeAttr ( 'أسلوب' ) ؛
} ) ؛
} ) ؛
< / النصي >

بعد إضافة كود jQuery ، تعمل صفحة الويب على النحو التالي:

يوضح 'gif' أعلاه أنه تتم إزالة الأنماط المطبقة على div بالنقر فوق الزر.

الطريقة 2: إزالة Class CSS من Div

الطريقة الثانية لتصميم عنصر HTML هي تعيين ' فصل '. بعد ذلك ، أضف CSS في جزء الفصل هذا داخل ' <ستايل> 'أو في' منفصل ' ملف CSS '. يمكن أيضًا إزالة هذه الأنماط باستخدام jQuery. اتبع الخطوات التالية:

الخطوة 1: قم بتعيين فصل دراسي إلى عنصر Div
في ملف HTML ، عيّن سمة فئة إلى '

' عنصر. أيضًا ، قم بتعيين معرف 'مزيل' إلى ' <زر> ' بطاقة شعار:

< شعبة فصل = 'التصميم' >
< h1 > مرحبًا مستخدمي Linuxhint < / h1 >
< h2 > Linuxhint هو مكان الجنة < / h2 >
< ص > الاستعلامات المتعلقة بلغات البرمجة. < / ص >
< / شعبة >
< زر بطاقة تعريف = 'يزيل' > أسلوب إزالة < / زر >

بعد ذلك ، انتقل إلى ' <ستايل> 'العلامة وحدد اسم فئة div' التصميم 'واكتب خصائص CSS التي يتم تطبيقها على عنصر div:

< أسلوب >
.styling {
لون : goldenrod؛
خلفية- لون : البحر الأخضر؛
الهامش: 20 بكسل ؛
الحشو: 30 بكسل ؛
}
< / أسلوب >

بعد تنفيذ الكود أعلاه ، تبدو صفحة الويب كما يلي:

يعرض الإخراج أنه تم تطبيق الأنماط على عنصر div.

الخطوة 2: أضف jQuery لإزالة أنماط CSS
في ال '

آخر