控制dom元素隱藏和顯示的幾種做法

2021-08-15 20:21:39 字數 711 閱讀 2472

1.style屬性的display 被隱藏的控制項不再占用顯示時占用的位置

this.getelementbyxid(『domxid』).style.display=」none」;

this.getelementbyxid(『domxid』).style.display=」block」;

2.「visibility」隱藏的控制項僅僅是將控制項設定成不可見了,控制項仍然佔俱原來的位置。

this.getelementbyxid(『domxid』).style.visibility=」hidden」;

this.getelementbyxid(『domxid』).style.visibility=」visible」」;

3.通過jquery 進行控制顯示隱藏

$(this.getelementbyxid(『domxid』)).hide(); // 隱藏

$(this.getelementbyxid(『domxid』)).show(); // 顯示

4.通過bind-visible 繫結ko物件或data元件字段控制隱藏,隱藏後dom節點實際還在

5.通過bind-if 繫結ko物件或data元件字段控制隱藏,隱藏後dom節點已經不存在了,用法和bind-visible是一樣的!

不過注意的是:bind-if 控制的是當前dom節點下的子節點的存在與否(不包含當前節點),而bind-visible 是控制當前節點下的所有元素的隱藏的(包含當前節點)

jquery控制元素的隱藏和顯示的幾種方法

使用jquery控制div的顯示與隱藏,一句話就能搞定,例如 顯示 id show 表示為display block,隱藏 id hide 表示為display none id toggle 切換元素的可見狀態。如果元素是可見的,切換為隱藏的 如果元素是隱藏的,則切換為可見的。顯示 id css d...

jQuery控制元素隱藏和顯示

1 jquery隱藏和顯示效果 通過 jquery,您可以使用 hide 和 show 方法來隱藏和顯示 html 元素 hide click function 點選id hide 元素時,隱藏所有標籤內容 show click function 點選id show 元素時,顯示所有標籤內容 2 j...

JS控制HTML元素的顯示和隱藏

利用來js控制頁面控制項顯示和隱藏有兩種方法,兩種方法分別利用html的style中的兩個屬性,兩種方法的不同之處在於控制項隱藏後是否還在頁面上佔空位。方法一 document.getelementbyid eleid style.visibility hidden document.getelem...