利用javascript
写一个在页面点击加减按钮实现数字的累加。
简略的html大概如此。看得懂就好不要在意这些细节啊
<input
type="button"
value="+"
onclick="jia(this)"
/>
<label
class="num">0</label>
<input
type="button"
value="-"
onclick="jian(this)"
/>
样子是这样的
javascript
代码如下
<script
type="text/javascript">
function
jia(a)
{
var
nextnode
=
anextElementSibling;//获取下一个节点
alert(nextnodeinnerHTML);
var
a
=
parseInt(nextnodeinnerHTML)
a
+=
1;
nextnodeinnerHTML
=
a;
}
function
jian(a)
{
var
previousnode
=
apreviousElementSibling;
var
a
=
parseInt(previousnodeinnerHTML)
a
-=
1;
a
=
a
>
0
a
:
0;
previousnodeinnerHTML
=
a;
}
</script>
解释一下：
function
jian(a）和
function
jia(a)就是当前点击的对象了。在onclick事件接的方法里加了this;
-
nextElementSibling
获取当前节点的下一个节点(获得下一个兄弟节点)
-
previousElementSibling
获取当前节点的上一个节点
注意：
IE将跳过在节点之间产生的空格文档节点（如：换行字符），而Mozilla不会这样——FF会把诸如空格换行之类的排版元素视作节点读取，因此，在ie
中用nextSibling便可读取到的下一个节点元素，在FF中就需要这样写：nextElementSibling了。
上面的解释的意思的使用
nextElementSibling
和previousElementSibling
获得下一个兄弟节点和上一个兄弟节点，可以去掉换行，空格上面之类的，直接找到我们标签元素。但是下面的两个
nextSibling
previousSibling
也是得下一个兄弟节点和上一个兄弟节点的，只是在IE中好用
--------------------关键字解释
parseInt
转化功能。
a
=
a
>
0
a
:
0;----三元表达式。
这些jquery的一些查找方法：可以看看
jQueryparent(expr) //找父元素
jQueryparents(expr) //找到所有祖先元素，不限于父元素
jQuerychildren(expr) //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙
jQuerycontents() //查找下面的所有内容，包括节点和文本。
jQueryprev() //查找上一个兄弟节点，不是所有的兄弟节点
jQueryprevAll() //查找所有之前的兄弟节点
jQuerynext() //查找下一个兄弟节点，不是所有的兄弟节点
jQuerynextAll() //查找所有之后的兄弟节点
jQuerysiblings() //查找兄弟节点，不分前后
jQueryfind(expr) //跟jQueryfilter(expr)完全不一样，jQueryfilter(expr)是从初始的
jQuery对象集合中筛选出一部分，而jQueryfind()的返回结果，不会有初始集中
筛选出一部分，而jQueryfind()的返回结果，不会有初始集合中的内容，比如：
$("p")find("span")是从元素开始找，等于$("p span")
自己数就行，
HTREEITEM hItem = m_TreeGetSelectedItem();
in nCount = 0;
while(hItem)
{
nCount ++;
hItem = m_TreeGetParentItem(hItem);
}
1、首先获取要添加的节点的节点，然后创建一个节点，添加到节点的前面。
2、<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DOM树 *** 作</title> <script> function f1(){。
3、找到狮子狗这个节点 通过id查找到狮子狗节点 var ul=documentgetElementById("d1")。
4、</head> <body> <!--在ul列表中追加一个蛮王英雄--> <ul id="d1"> <li>亚索</li> <li>狮子狗</li> <li>披甲龙龟</li>。
5、 </ul> <input type="button" value="追加蛮王" onclick="f2()" /> </body></html>。
6、在狮子狗节点后追加一个<li>蛮王</li> a找到狮子狗这个节点 通过id查找到狮子狗节点 var li=documentgetElementById("l1"); b创建<li>蛮王</li>节点对象和内容。
用after()或者insertAfter()，就可以实现加入兄弟节点。
在使用after()或者insertAfter()，作为兄弟节点的时候，这两种方法在效果上是一样的。例如$("#button1")after("<span>内容</span>")
$("<span>内容</span>")insertAfter("#button1")
在效果上是相同的，都建立了兄弟节点。
以上就是关于javascript获取dom的下一个节点方法全部的内容，包括:javascript获取dom的下一个节点方法、如何使用Jquery获取当前节点的孙节点、请问tree上面，点击到了一个节点，怎么获取这个节点是第几个节点啊等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）