Hvordan skjule div innerhtml i Safari

Du kan skjule en div på din webside med Javascript ved å sette sin "synlighet" stil til "skjult". Men hva hvis du ønsker å skjule innholdet samtidig bevare grensene eller andre stiler som kan brukes til det? Den "innerhtml" tilhører et HTML-element brukes til å hente eller endre innholdet i elementet, inkludert HTML-koder og tekst. Den "innerhtml" eiendom er kompatibel med alle moderne nettlesere, inkludert Safari. Skriv en funksjon for å fjerne og lagre en div innhold ved hjelp av "innerhtml" og gjenopprette den hvis den funksjonen kalles igjen. Bruk denne funksjonen til å veksle synligheten av innholdet i en div uten å gjemme div selv.

Bruksanvisning

1 Sett inn følgende kode mellom åpning og lukking "hodet" kodene i HTML-dokumentet:

<Script type = "text / javascript">

Var iHTML = new Array ();

funksjon toggleInnerHTML (id) {

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

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

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

}ellers{

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

}

}

</ Script>

2 Tildele unike "id" attributtverdier til eventuelle divs du ønsker å bruke funksjonen på. For eksempel:

<Div id = "div1"> Du kan skjule og vise denne teksten. </ Div>

3 Kaller "toggleInnerHTML" funksjon ved hjelp av en div er "id" verdi for å skjule eller vise innholdet. Test det ut med en knapp:

<Input type = "button" value = "Toggle div innhold" onclick = "toggleInnerHTML ( 'div1');" />