Differences between display and visibility example _ javascript skills

This article mainly introduces the differences between display and visibility. If you need a friend, you can refer to the following: display can usually be set to none, inline, block

Visibility can usually be set to hidden or visible.

When display is none and visibility is hidden, the elements will not be seen. However, there are differences.

Display will hide the element, and the position is no longer occupied, while visibility occupies the original position.

See the example to understand:

The Code is as follows:

Script
Function isVisibility (me ){
If (me. style. visibility = "hidden "){
Me. style. visibility = "visible ";}
Else {
Me. style. visibility = "hidden ";
}
}

Function isDisplay (me ){
If (me. style. display = "none "){
Me. style. display = "block ";}
Else {
Me. style. display = "none ";
}
}
Script