Gunakan JavaScript untuk menulis klik pada tombol penambahan dan pengurangan pada halaman untuk mencapai akumulasi angka.
HTML sederhana mungkin terjadi. Pahami saja, jangan pedulikan detail ini
<input type = "tombol" value = "+" onclick = "jia (this)" /<label> 0 </label> <input type = "tombol" value = "-" onclick = "jian (this)" />
Sepertinya ini
Kode JavaScript adalah sebagai berikut
<type skrip = "text/javascript"> function jia (a) {var nextNode = a.NextElementsibling; // Dapatkan peringatan node berikutnya (nextNode.innerHtml); var a = parseInt (nextNode.innerHtml) a += 1; nextNode.innerHtml = a;} function (variving (variving = 1; nextNode.innerHtml = a;} function (variving (variving (variving (variving = 1; nextNode.innerHtml = a;} function (} a;} a;} a; ParseInt (PrevorNode.innerHtml) a -= 1; a = a> 0? A: 0; Prefurnode.innerHtml = a;} </script>Mari kita jelaskan:
fungsi Jian (a) dan
Fungsi jia (a) adalah objek yang saat ini diklik. Tambahkan ini ke metode acara OnClick;
- NextElementsibling mendapatkan simpul berikutnya dari node saat ini (dapatkan node saudara kandung berikutnya)
- PriorsElementsibling mendapatkan simpul sebelumnya dari node saat ini
Catatan: IE akan melewatkan node dokumen ruang (seperti karakter garis istirahat) yang dihasilkan antara node, dan Mozilla tidak akan melakukan ini - FF akan memperlakukan elemen pengukur huruf seperti istirahat ruang sebagai pembacaan simpul. Oleh karena itu, elemen simpul berikutnya yang dapat dibaca oleh NextSibling di IE perlu ditulis dalam FF: NextElementsibling.
Penjelasan di atas berarti menggunakan NextElementsibling dan Excelementsibling untuk mendapatkan simpul saudara kandung berikutnya dan simpul saudara kandung sebelumnya. Anda dapat menghapus jeda garis, spasi, dll. Dan langsung menemukan elemen tag kami. Tapi dua berikut
NextSibling
Sebelumnya juga membutuhkan node saudara berikutnya dan node saudara sebelumnya, tetapi mudah digunakan di IE
-----------------------------------------------------------------------------------------------------------------------------
fungsi konversi parseint.
a = a> 0? A: 0; ----- Ekspresi terner.