JavaScript-Methode zum Abrufen des nächsten Knotens der dom_javascript-Fähigkeiten

Verwenden Sie Javascript, um eine Methode zum Addieren von Zahlen zu schreiben, indem Sie auf der Seite auf die Schaltflächen „Addieren“ und „Subtrahieren“ klicken.

Das einfache HTML sieht wahrscheinlich so aus. Verstehen Sie diese Details einfach und machen Sie sich keine Sorgen

<input type="button" value="+" onclick="jia(this)" />
<label class="num">0</label>
<input type="button" value="-" onclick="jian(this)" />

Es sieht so aus

Der Javascript-Code lautet wie folgt

<script type="text/javascript">
function jia(a)
{
var nextnode = a.nextElementSibling;//获取下一个节点

alert(nextnode.innerHTML);
var a = parseInt(nextnode.innerHTML)
a += 1;
nextnode.innerHTML = a;
}
function jian(a) {
var previousnode = a.previousElementSibling;
var a = parseInt(previousnode.innerHTML)
a -= 1;
a = a > 0 &#63; a : 0;
previousnode.innerHTML = a;
}
</script>

Erklären Sie:

Funktion jian(a) und

Funktion jia(a) ist das aktuell angeklickte Objekt. Fügen Sie dies zur Onclick-Ereignismethode hinzu;

- nextElementSibling Ruft den nächsten Knoten des aktuellen Knotens ab (ruft den nächsten Geschwisterknoten ab)

- previousElementSibling ruft den vorherigen Knoten des aktuellen Knotens
ab

Hinweis: IE überspringt die zwischen Knoten generierten Leerzeichendokumentknoten (z. B. Zeilenumbrüche), Mozilla tut dies jedoch nicht. FF liest Layoutelemente wie Leerzeichen und Zeilenumbrüche als Knoten, also das nächste Knotenelement kann mit nextSibling im IE gelesen werden und muss in FF wie folgt geschrieben werden: nextElementSibling.

Die obige Erklärung bedeutet, dass Sie mit nextElementSibling und previousElementSibling den nächsten Geschwisterknoten und den vorherigen Geschwisterknoten erhalten. Sie können Zeilenumbrüche, Leerzeichen usw. entfernen und unser Beschriftungselement direkt finden. Aber die folgenden zwei

nächstesGeschwister

previousSibling bezieht sich auch auf den nächsten Geschwisterknoten und den vorherigen Geschwisterknoten, ist aber im IE
einfach zu verwenden --------------------Erklärung der Schlüsselwörter

parseInt-Konvertierungsfunktion.

a = a > 0 ? a : 0;----ternärer Ausdruck.