宝哥软件园

javascript获取dom的下一个节点方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-10

用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;-三元表达式。

更多资讯
游戏推荐
更多+