• 0

كيف أحذف محتوى عنصر div ؟

لدي وسم div على صفحة Html:

<div id="SortOptions">
    Sort by: 
    <select id="SortMain" class="improvedcatalogdropdown">
        <option value="0" selected="selected">Relevance</option>
    </select>
</div>

وأريد حذف العنصر div ذو Id مع الاحتفاظ بها لإعادة إظهارها فيما بعد، وقد استعملت:

#SortOptions {
    display: none;
}

لكن دون فائدة؟

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


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

سنلجأ إلى استعمال الخاصية visibility لإخفاء العنصر، لكن سيبقى موجودا على الصفحة Html، مما يتيح لنا إظهاره في وقت آخر:

#SortOptions{
//إخفاء العنصر 
    visibility: hidden;
}
#SortOptions select{
//إظهار العنصر
    visibility: visible;
}

مثال:

<body>
  <p>This is a paragraph 1.</p>
  <p id="two">This is a paragraph 2.</p>
  <p>This is a paragraph 3.</p>
</body>

Css:

p#two{
   visibility: hidden;
 }

النتيجة:

Csslist2_visibility.thumb.png.e61cac54ad

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


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

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

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

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


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

تسجيل الدخول

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


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