Zwei Möglichkeiten zum Ein- und Ausblenden von Steuerelementen in js_javascript-Skills

Es gibt zwei Möglichkeiten, Steuerelemente mithilfe von JavaScript auszublenden, nämlich durch Festlegen der Attribute „Anzeige“ und „Sichtbarkeit“ des Steuerelementstils.

Das Steuerelement ist sichtbar, wenn style.display="block" oder style.visibility="visible" ist, und unsichtbar, wenn style.display="none" oder style.visibility="hidden". Der Unterschied besteht darin, dass „Anzeige“ nicht nur das Steuerelement ausblendet, sondern auch, dass das ausgeblendete Steuerelement nicht mehr die Position einnimmt, die es bei der Anzeige einnimmt, während das durch „Sichtbarkeit“ ausgeblendete Steuerelement das Steuerelement nur auf unsichtbar setzt und das Steuerelement weiterhin seine ursprüngliche Position einnimmt Position.

function displayHideUI()
{
var ui =document.getElementById("bbs");
ui.style.display="none";
}
function displayShowUI()
{
var ui =document.getElementById("bbs");
ui.style.display="";//display为空的话会好使，为block会使后边的空间换行
}
function visibilityHideUI()
{
var ui =document.getElementById("bbs");
ui.style.visibility="hidden";
}
function visibilityShowUI()
{
var ui =document.getElementById("bbs");
ui.style.visibility="visible";
}
</script>

Wertbeschreibung
none Dieses Element wird nicht angezeigt.
Block Dieses Element wird als Element auf Blockebene mit Zeilenumbrüchen vor und nach diesem Element angezeigt.
Inline-Standard. Dieses Element wird als Inline-Element ohne Zeilenumbrüche vor oder nach dem Element angezeigt.
inline-block Inline-Blockelement. (Neuer Wert in CSS2.1)
Listenelement Dieses Element wird als Liste angezeigt.
run-in Dieses Element wird je nach Kontext als Element auf Blockebene oder als Inline-Element angezeigt.
kompakt Es gibt einen Wert „compact“ in CSS, der jedoch aus CSS2.1 entfernt wurde, da keine breite Unterstützung vorhanden ist.
marker Es gibt einen Wertmarker in CSS, der jedoch aus CSS2.1 entfernt wurde, da keine breite Unterstützung vorhanden ist.
Tabelle Dieses Element wird als Tabelle auf Blockebene (ähnlich wie

$(document).ready(function() {
$(".flipp .span4").click(function() {
$(this).parent().next().toggle();
$(this).parent().parent().prevAll().find(".panel").hide();
$(this).parent().parent().nextAll().find(".panel").hide();
var label1 = document.getElementById("label1");
label1.style.display="none";
})

<label class="error" id="label1" for="currentPWD" generated="true" style="display:inline"></label>