كيفية إخفاء عنصر في هتمل: طرق بسيطة

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

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

زر

ومع ذلك ، تجدر الإشارة إلى أن العنصر المخفي باستخدام السمة المخفية سيظل موجودا في شجرة دوم بالصفحة ومتاح لجافا سكريبت. إذا كنت بحاجة إلى إخفاء عنصر تماما واستبعاده من شجرة دوم ، يمكنك استخدام كس.

1. عرض وإخفاء عنصر: التقنيات الأساسية
2. باستخدام خاصية العرض
3. تغيير الشفافية باستخدام خاصية التعتيم
4. إخفاء عنصر متحرك
5. الرسوم المتحركة باستخدام خاصية الانتقال
6. سؤال وجواب
7. ما هي الطرق لإخفاء عنصر في أتش تي أم أل?

عرض وإخفاء عنصر: التقنيات الأساسية

مقدمة:

يعد عرض العناصر وإخفائها مهمة مهمة لتطوير الويب. تتيح لك القدرة على تغيير رؤية العناصر إنشاء صفحات ويب تفاعلية ، بالإضافة إلى تحسين قابلية استخدام تطبيقات الويب.

طرق لإخفاء العناصر:

1. باستخدام كس: باستخدام خاصية العرض مع القيمة لا شيء ، يمكنك إخفاء العنصر.
2. باستخدام كس: باستخدام خاصية الرؤية مع القيمة المخفية ، يمكنك إخفاء عنصر ، وتوفير مساحة على صفحة الويب.
3. باستخدام كس: باستخدام خاصية التعتيم بقيمة 0 ، يمكنك جعل العنصر شفافا تماما.
4. يمكنك استخدام السمة المخفية ، التي يتم إدخالها مباشرة في ترميز هتمل لعنصر ، لإخفائها.
5. استخدام جافا سكريبت: استخدام النمط.طريقة عرض عنصر وتعيينه قيمة "لا شيء" ، يمكنك إخفاء العنصر.

أمثلة الاستخدام:

2. سيتم إخفاء هذا العنصر.

مثال على استخدام السمة المخفية:

سيتم إخفاء هذا العنصر.

مثال على استخدام جافا سكريبت:

خاتمة:

معرفة التقنيات الأساسية لعرض وإخفاء العناصر في هتمل و كس هو عنصر مهم في تطوير الشبكة. استخدم الطرق المدروسة اعتمادا على المهمة المحددة ومتطلبات المشروع.

باستخدام خاصية العرض

هناك طريقة أخرى لإخفاء عنصر في الصفحة وهي استخدام خاصية العرض.

يمكنك استخدام خاصية العرض لتغيير طريقة عرض عنصر على الصفحة.

القيمة لا شيء يخفي العنصر تماما ، وإزالته من دفق المستند.

بدلا من عنصر مخفي ، لن يشغل مساحة في التخطيط ولن يؤثر على موقع العناصر الأخرى.

مثال على استخدام خاصية العرض:

هذا عنصر مرئي

هذا عنصر مخفي

إنه عنصر مرئي مرة أخرى

في هذا المثال ، سيتم إخفاء العنصر الثاني مع فئة "العنصر المخفي" ، وستظل العناصر المتبقية مرئية.

تجدر الإشارة إلى أنه باستخدام خاصية العرض مع القيمة لا شيء ، يمكنك أيضا إخفاء العناصر والكشف عنها باستخدام جافا سكريبت.

تغيير الشفافية باستخدام خاصية التعتيم

1. تتيح لك خاصية التعتيم تغيير شفافية عنصر ما على صفحة الويب. يمكن تعيين قيمة الخاصية في النطاق من 0 إلى 1 ، حيث يكون 0 عنصرا شفافا تماما و 1 معتما تماما.
• تتمثل مزايا استخدام خاصية العتامة في أنها تنطبق على المحتوى الكامل للعنصر ، وليس فقط خلفيته أو حدوده. ويمكن أيضا تغيير الشفافية أثناء التنفيذ باستخدام كس الرسوم المتحركة أو جافا سكريبت.
• ومع ذلك ، تجدر الإشارة إلى أنه عند تعيين شفافية عنصر باستخدام خاصية العتامة ، لا تقل رؤيته فحسب ، بل تقل أيضا قابليته للنقر. على سبيل المثال ، إذا كان للعنصر رؤية غير كاملة (العتامة أقل من 1) ، فلن يكون من الممكن النقر فوقه أو تحديد النص بداخله.
2. مثال على استخدام خاصية التعتيم:
• دعونا إنشاء عنصر مبهمة مع النص:
• دعنا نطبق نمطا على عنصر لتغيير الشفافية:

ص {

1. أولا ، حدد العنصر الذي تريد إخفاءه ، على سبيل المثال ، باستخدام علامة

الانتقال: التعتيم 1 ثانية سهولة في الخروج;

}

# مياليمنت.مخفي {

3. التعتيم: 0;

}

أخيرا ، أضف شفرة جافا سكريبت التي ستضيف فئة" مخفية " إلى العنصر لتشغيل إخفاء الرسوم المتحركة.:

عنصر فار = وثيقة.جيتليمينتبيد ("مياليمنت");