優雅的頁面動態隱藏標籤

2021-07-23 20:20:25 字數 380 閱讀 9612

動態的隱藏標籤,當乙個頁面需要根據使用者動態選擇顯示標籤時。

原本一直使用的最「樸素」的document.getelementbyid(「id」).style.display="block"/"none";來控制標籤的顯示和隱藏

直到有一天乙個頁面有4種狀態,30個標籤。看的自己眼睛都花了,而且當標籤修改的時候更是痛苦。

以下是目前想到的方法,通過class的類別來控制標籤的顯示和隱藏,以後增加刪除標籤的時候js部分也不需要修改。

div hidden

鬍子化妝包

奶瓶

頭髮

manwoman

children

mui 控制頁面標籤顯示隱藏

document.getelementbyid maskloader classlist.add mui hidden document.getelementbyid maskloader classlist.add mui visibility 根據監聽事件來設定隱藏還是顯示 移除隱藏屬性,則可以...

Mybatics foreach動態標籤的使用

foreach 中的主要屬性為 item,index,collection,open,separator,close item 表示集合中乙個元素迭代時的別名,自己定義,一般為item index 指定的乙個名字,用於表示每次迭代到的位置 open以什麼開始 separator每次迭代的分割符號 c...

html jsp頁面標籤的遍歷

應用場景 最近的專案中二級子頁面遍歷生成 操作 比較多,記錄一下一直用的遍歷方法。一般此類 都是通過ajax請求資料,然後從callbackfunction中獲取資料集合,遍歷生成表 eg var postdata new object postdata.idstring idstring ajax...