Gewusst wie: Ausblenden von Div InnerHTML in Safari

Sie können ein Div auf Ihrer Web-Seite mit JavaScript ausblenden, indem die "Sichtbarkeit" Stil-Eigenschaft auf "versteckte". Aber was passiert, wenn Sie wollen, um den Inhalt auszublenden und gleichzeitig die Grenzen oder andere Stile angewendet? Die Eigenschaft "InnerHTML" eines HTML-Elements wird zum Abrufen oder ändern den Inhalt innerhalb des Elements, einschließlich HTML-Tags und Text. Die Eigenschaft "InnerHTML" ist kompatibel mit allen modernen Browsern wie Safari. Schreiben Sie eine Funktion zum Entfernen und Speichern eines Div-Inhalt mithilfe von "InnerHTML" und Wiederherstellen Sie diese, wenn die Funktion erneut aufgerufen wird. Verwenden Sie diese Funktion, um die Sichtbarkeit des Inhalts eines Div umzuschalten ohne das div-Tag selbst versteckt.

Anweisungen

1 Fügen Sie den folgenden Code zwischen die öffnenden und schließenden "Head"-Tags Ihres HTML-Dokuments:

< Skript-Typ = "Text/Javascript" >

Var iHTML = neue Array();

Funktion toggleInnerHTML(id) {}

if(document.getElementById(id).innerHTML){

iHTML[id] = document.getElementById(id).innerHTML;

document.getElementById(id).innerHTML = "";

}else{

document.getElementById(id).innerHTML = iHTML[id];

}

}

< / script >

2 Jede Funktion gewünschte auf Divs weisen Sie einzigartige "Id" Attributwerte zu. Zum Beispiel:

< Div Id = "div1" > Sie können ein- und Ausblenden dieser Text. < / Div >

3 Rufen Sie die "ToggleInnerHTML"-Funktion, die mit einem Div "Id" Wert seinen Inhalt anzeigen oder verbergen. Testen Sie es mit einem Button:

< Eingang Typ = "Knopf" Value = "Toggle Div-Inhalt" onClick="toggleInnerHTML('div1');" / >