Wenn Funktionsimplementierungsschritte:
Funktion + Name()
ID angeben, Schalter angeben (Anzeige: keine oder blockieren)
ob + else einen logischen Steuerschalter darstellt
wird in Wo eine Glühbirne platzieren, weisen Sie einem Etikett eine ID zu
Kabel, installierenSchalter#+idName { Attribut 1 = Zuweisung, Attribut 2 = Zuweisung, Attribut 3 = Zuweisung }
Alle Zuweisungen können zu einem Schalter werden. Wenn es sich um eine manuelle Version handelt, kann die Änderung der Zuweisung von Attributen den Stil der ID ändern
, sobald eine Bewegung erfolgt, schaltet der Schalter automatisch um. Erstellen Sie die Funktion showhide() { Verwenden Sie die if+else-Anweisung, Ändern Sie die Verkabelung des Schalters: Ändern Sie die Attributzuweisung }
und betätigen Sie den Schalter. EreignisaktionVerbinden Sie die Funktion
Die meisten Das Kernprinzip besteht darin, dass die Ereignisaktion mit der Funktion verbunden ist, die Funktion mit den Attributänderungen (einer oder mehreren) verbunden ist, das Attribut geändert wird und die ID oder Klasse verbunden ist , die ID oder Klasse ist mit dem Tag der Ereignisaktion
>
#div1{
Breite:100px; Höhe:200px; Hintergrund
:#CCCAnzeige:keine;} style><script></span></span></span></span></p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"><span style="color:green">Funktion<strong></strong> showHide()</span></span></p> <p style="background: #f8f8f8">{<span style="font-family:宋体; font-size:12pt"><span style="color:green"><strong></strong> </span></span>var</p> <p style="background: #f8f8f8"> oDiv<span style="font-family:宋体; font-size:12pt">=<span style="color:green">document<strong>.getElementById(</strong>'div1'</span>);</span></p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"></span> </p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"><span style="color:green"> <strong></strong>if</span><span style="color:#666666">(oDiv.style.display<span style="color:green">==</span>'block' <span style="color:#ba2121">)</span></span></span></p> <p style="background: #f8f8f8"> {<span style="font-family:宋体; font-size:12pt"></span></p> <p style="background: #f8f8f8"> oDiv.style.display<span style="font-family:宋体; font-size:12pt">=<span style="color:green">'none'<strong> ;</strong></span><span style="color:#666666"><span style="color:#ba2121"></span> }</span></span></p> <p style="background: #f8f8f8"> ><span style="font-family:宋体; font-size:12pt"> {</span></p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"> oDiv.style.display<span style="color:#666666">=<span style="color:#ba2121">'block'</span>; </span></span></p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"> }</span></p> <p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt">}<span style="color:green"><strong><p style="background: #f8f8f8"><span style="font-family:宋体; font-size:12pt"><span style="color:green"><strong></script>
type="button" value="显示隐藏" onclick="showHide()">
Das obige ist der detaillierte Inhalt vonEinführung in die Implementierungsschritte der if-Funktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!