Verwenden Sie JavaScript, um auf der Seite einen Klick auf die Zugabe- und Subtraktionsschaltfläche zu schreiben, um die Akkumulation von Zahlen zu erreichen.
Das einfache HTML ist wahrscheinlich der Fall. Verstehe es einfach, kümmere dich nicht um diese Details
<input type = "button" value = "+" onclick = "jia (this)" /> <label> 0 < /label> <Eingabe type = "button" value = "-" onclick = "jian (this)" />
Es sieht so aus
Der JavaScript -Code ist wie folgt
<script type = "text/javaScript"> Funktion JIA (a) {var nextNode = A.NextElementSsibling; // den nächsten Knotenalarm (NextNode.innerHtml); var a = parseInt (NextNode.innnerHtml) a += 1; NextNode.innerHtml = a;} function Jian (a) {var a.podesels ightml. a = parseInt (vorhernode.innernhtml) a -= 1; a = a> 0? A: 0; Voreinheit.Erklären wir:
Funktion Jian (a) und
Funktion JIA (a) ist das derzeit geklickte Objekt. Fügen Sie dies der Methode des Onclick -Events hinzu;
- NextElementSibling Holen Sie sich den nächsten Knoten des aktuellen Knotens (Holen Sie sich den nächsten Geschwisterknoten)
- Vorherige Auslösungen erhalten Sie den vorherigen Knoten des aktuellen Knotens
Hinweis: Der IE überspringt die zwischen den Knoten generierten Space -Dokumentknoten (z. B. Zeilenspannungszeichen), und Mozilla wird dies nicht tun. FF behandelt Typen -Elemente wie Space -Breaks als Node -Lesen. Daher muss das nächste Knotenelement, das von Nextsibling in IE gelesen werden kann, in FF: NextElementSibling geschrieben werden.
Die obige Erklärung bedeutet, dass NextElementssibling und vorherige Gründung des nächsten Geschwisterknotens und des vorherigen Geschwisterknotens erhalten werden. Sie können Linienbrüche, Leerzeichen usw. entfernen und unsere Tag -Elemente direkt finden. Aber die folgenden zwei
Nextsibling
Vorhersage braucht auch den nächsten Bruder -Knoten und den vorherigen Bruderknoten, aber es ist einfach im IE zu bedienen
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
ParseInt Conversion -Funktion.
a = a> 0? A: 0; ----- ternärer Ausdruck.