Заримдаа, вэб хуудас байрлуулахдаа түүнд байрлуулсан зарим элементийг нуух хэрэгтэй болдог. Жишээлбэл, хэрэв та зочин шаардлагатай бүх талбарыг бөглөх хүртэл маягт оруулах товчийг харахгүй байхыг хүсч байвал. Эсвэл товчлуурыг зочин ашиглахад зориулагдаагүй, гэхдээ энэ хуудсанд байрлуулсан скрипт нь "товших" ёстой.
Зааварчилгаа
1-р алхам
Хүссэн хуудасны элементүүдийг унтрааж эсвэл харуулахын тулд Cascading Style Sheets (CSS) -ийн харуулах шинж чанарыг ашиглана уу. Олон улсын стандартын дагуу энэ үл хөдлөх хөрөнгийг янз бүрийн дэлгэцийн аргыг зааж өгсөн нэгээс хагасаас дээш утгыг өгч болно. Гэсэн хэдий ч зөвхөн дөрөв нь кросс браузер (өөрөөр хэлбэл бүх томоохон хөтөч дээр ажилладаг). Эдгээр дөрвийн дотор танд хэрэгтэй хуудасны элементийг нуух боломжийг танд олгоно.
Алхам 2
Шаардлагатай CSS удирдамжийг бий болгох. Хялбар хэлбэрээр нь дараах байдалтай байж магадгүй юм: товчлуур {display: none;} Энэ тохиолдолд хуудас нь… шошгыг ашиглан бүх товчлуурыг харуулахгүй.
Алхам 3
Хэрэв та зөвхөн нэг товчлуур эсвэл тодорхой бүлэг товчлууруудыг нуухыг хүсвэл зааврын дагуу ангийн нэрэнд заалт нэмж оруулаарай. Жишээлбэл, ийм ангиллыг HideBtns гэж нэрлээд энэ нэрийг CSS мэдэгдэлд нэмнэ үү: button. HideBtns {display: none;} Ангийн шинж чанарыг хуудасны HTML код дээрх хүссэн товчлуур дээр нэмж, HideBtns: hidden товчийг өг.
Алхам 4
Жишээлбэл, зөвхөн товчлуурыг төдийгүй вэб хэлбэрийн бусад элементүүдийг нуухыг хүсвэл дэлгэцийн шинж чанарыг none гэсэн утгатайгаар толгой элементэд ашиглаарай. Маягтыг ба хаягуудын хооронд байрлуулсан бүх элементүүдийн "эцэг эх" гэж үздэг. Жишээлбэл:
Энд текстийн талбар болон оруулсан утгыг оруулах товчлуурыг маягтын дотор байрлуулсан болно. Маягт нь HideForm нэртэй ангид хуваарилагдсан тул оролтын талбар болон товчлуурыг хоёуланг нь нуухын тулд CSS мэдэгдлийг дараах байдлаар өөрчлөх хэрэгтэй: form. HideForm {display: none;}
Алхам 5
Дээрх жишээнд бэлтгэсэн кодыг вэб баримт бичгийн толгой хэсэгт байрлуул (ба шошгоны хооронд). Энэ нь CSS код гэдгийг зочны хөтөч дээр хэлэхийн тулд HTML загварын нээгдэх ба хаагдах хооронд хаалттай байх ёстой.
button. HideBtns {display: none;}
