用javascript写一页,点击加减按钮,实现数字的累加。
缩写html大概是这样的。只要你能理解,就不要在意这些细节
输入类型=' button '值=' onclick=' Jia(this)'/label class=' num ' 0/label输入类型=' button '值='-' onclick=' Jian(this)'/看起来是这样的
Javascript代码如下
脚本类型=' text/JavaScript ' function Jia(a){ var nextnode=a . nextelementsibling;//获取下一个节点警报(next node . innerhtml);var a=parseInt(next node . innerhtml)a=1;next node . innerhtml=a;} function Jian(a){ var previousnode=a . previouselementsibling;var a=parseInt(previousnode . innerhtml)a-=1;a=a 0?a : 0;previousnode . innerhtml=a;}/脚本
解释一下:
功能健(一)和
函数jia(a)是当前被点击的对象。这被添加到onclick事件连接的方法中;
-nextElementSibling获取当前节点的下一个节点(获取下一个同级节点)-previousElementSibling获取当前节点的上一个节点
注意:ie将跳过节点之间生成的空格文档节点(如换行符),但Mozilla不会。——FF将空格换行符等排版元素作为节点读取。因此,IE中可以用nextSibling读取的下一个节点元素需要在FF中写成nextElementSibling。
上面解释的意思是用nextElementSibling和previousElementSibling得到下一个同级节点和上一个同级节点。可以去掉换行符、空格等,直接找到我们的标签元素。但是接下来的两个
NextSibling previousSibling还会获取下一个兄弟节点和上一个兄弟节点,但是在IE-keyword解释中很容易使用。
ParseInt转换函数。
a=a 0?a : 0;-三元表达式。