js如何获取当前对象的下一个span节点,代码如下

js如何获取当前对象的下一个span节点,代码如下,第1张

这里以jquery为例

思路:

当点击按钮的时候,获取当前按钮所被包含的元素,再查找这个元素里面对应的span节点

1、html代码

<div>

js如何获取当前<span>对象</span>的下一个span节点,代码在下面。

<input type="button" id="btn" value="获取span节点" />

</div>

2、js代码

<script>

$("#btn")click(function(){

    var spanhtml=$(this)parent()find("span")html();//查找当前按钮的父元素,根据父元素查找包含的span节点

    alert(spanhtml);//d出获取的内容

});

</script>

运行,将获取span的内容“对象”二字。

因为问题中是要获取当前对象下的节点,所以代码中将input放在div里面。

在li的点击事件中加入参数this,以便于获取到当前点击的id

1、定义一个li节点和onclick事件

<li onclick='liclick(this)' id='test'></li>  onclick事件绑定liclick函数,传入参数this,这里的this指li本身

2、定义onclick的js函数

function liclick(self){//这里self接收节点中定义的this

   alert(selfid);//获取当前点击的li的id,这里会d出id的值是test

}

1、获取需要追加onclick的dom节点

var d = documentgetElementById('节点的id');//根据节点id获取对应的dom节点

2、通过onclick属性设置对应的方法

donclick=function(){//设置onclick方法

}

官方代码说的非常清楚啊

function zTreeOnClick(event, treeId, treeNode) {

    alert(treeNodetId + ", " + treeNodename);

};

var setting = {

callback: {

onClick: zTreeOnClick

}

};

不清楚可以问我 把你实际需求告诉我 我给你实现

<div>

<button onclick="dosell(this)">确定</button>

</div>

<script>

function dosell(item){

var parentNode=itemparentNode; 

alert(parentNodetagName); //这里将会d出DIV

}

</script>

如上,按钮上点击要加一个参数dosell(this)

以上就是关于js如何获取当前对象的下一个span节点,代码如下全部的内容,包括:js如何获取当前对象的下一个span节点,代码如下、javascript 如何判读我点击的<li>的ID呢、js如何追加onclick方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9778433.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存