您当前的位置： 首页 > 学无止境 > JS经典实例 网站首页JS经典实例

javascript获取当前节点的临近节点值

发布时间：2015-05-15 07:46:16编辑：雪饮阅读（）

 如下是一个好友列表



是通过php动态输出的，而我们要在动态输出的同时加入javascript方法来获取当前节点的上一节点的值：

动态输出的每一条数据是这样的：

<li><span>雪饮个人博客</span><input type="button" value="加好友" onclick="addfriend(this)"></li>

这里使用了addfriend(this)方法将当前元素做为对象传参给方法里面，在方法里面实现了其临近节点（上一节点）的节点值的获取：

function addfriend(current){

alert(current.previousSibling.childNodes[0].nodeValue);

}

同样的道理我们也可以获取其下一个节点的值，这里我们可以用nextSibling来替换方法中previousSibling来实现获取当前节点的下一个节点值，需要注意的是无论下一个节点nextSibling或者是上一个节点

previousSibling，当其临近节点为0个时将会以null返回