visibility

[BRo]

Kann ich einen div-Bereich nicht visibility:collapse bzw. hide verstecken??

Hab das so geschrieben:
Auszug aus css:
div#Seite1 {
margin-right:80px;
margin-left:80px;
margin-top:150px;
margin-bottom:30px;
border:dashed red 1px;
height:50em;
background-color:black;
visibility:visible;
}

div#Seite2 {
margin-right:80px;
margin-left:80px;
margin-top:150px;
margin-bottom:30px;
border:dashed red 1px;
height:50em;
background-color:silver;
visibility:collapse;

}

Auszug aus script:

function Seite1() {

document.getElementById["Seite2"].style.visibility = collapse;
document.getElementById["Seite3"].style.visibility = collapse;
document.getElementById["Seite1"].style.visibility = visible;

}
function Seite2() {

document.getElementById["Seite2"].style.visibility = visible;
document.getElementById["Seite3"].style.visibility = collapse;
document.getElementById["Seite1"].style.visibility = collapse;

Auszug aus dem body:
<div id="Seite1">

</div>

<div id="Seite2">

</div>

<div id="Seite3">

</div>

Jetzt sagt meine Fehlerkonsole:

Warnung: Element referenziert durch ID/NAME im globalen Geltungsbereich. Verwenden Sie stattdessen den W3C-Standard document.getElementById().
Zeile: 1

was heisst das??

MfG BRo