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');" />