这里以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里面。
使用jQuery框架 *** 作HTML DOM是一件极其便捷的事情，如下 *** 作即可获取相应节点的数据，id和名字（下文中引用“$(this)”表示一个jQuery对象）：
获取节点标签内容数据： $(this)html( )
获取表单组件中的值： $(this)val()
获取节点中的文本内容（例如textarea）: $(this)text()
获取节点的id： $(this)attr("id")
获取节点的名字： $(this)attr("name")
getElementsByTagName("标签名称") 代表查询返回所有该标签的元素，因此他是个集合
documentgetElementsByTagName("标签") 即查询文档中所有的该标签元素
alert(documentgetElementsByTagName("div")length) 返回查询结果的数量，这里结果为 1
你想要该元素的文本应该这么写 documentgetElementsByTagName("div")[0]innerHTML
取第一个div的html文本
============================
其他示例
<html>
<head><title>test</title></head>
<script type="text/javascript">
//搜索文档下第一个div下的span子节点
windowonload = function () {//文档加载完毕事件
var div1 = documentgetElementsByTagName("div")[0];//文档第一个DIV
var spans = div1getElementsByTagName("span");//该DIV下的所有SPAN标签元素
for (var i = 0; i < spanslength; i++) {//循环d出每个SPAN标签的文本
alert(spans[i]innerHTML);
}
}
</script>
<body>
<div><span>文本1</span><span>第二个文本</span><span>文本叁</span></div>
</body>
</html>
$(function () {
$("navbar-inverse li")each(function (index) {
if ($(this)children()text()indexOf("主页") >= 0) {
$(this)addClass("active");
}
});
});
这个是获取ul下的li，然后设置样式。
<div id="myDiv" class="myClass">
<ul>
<li></li>
<li></li>
</ul>
</div>
如上，可以这样获取:
1documentquerySelectorAll("div li");
2documentquerySelectorAll("#myDiv li");
3documentquerySelectorAll("myClass li");
返回的都是li的nodeList集合，类似数组
1）一共12个节点类型
2）dom *** 作就是对节点进行 *** 作
3）节点的类型的获取方法notetype
4）ie9以上及chrome safari firefox 会将换行符当成节点
（1）静态获取
（2）返回带有指定ID的元素
var box1=documentgetElementById('box');
（1）根据标签名获取
（2）得到的是个数组
var div1=documentgetElementsByTagName('div')[0];
（1）根据类名获取元素
（2）动态获取
（3）得到的是一个数组
var box=documentgetElementsByClassName('box')[0];
（1）返回符合要求第一个元素
（2）通过css选择器来获取指定标签
（3）静态获取
（1）返回所有匹配元素
（2）根据css选择器来获取所有标签
（3）得到的是一个数组
获取兄弟节点
获取下一个兄弟标签
获取上一个兄弟节点
获取上一个兄弟标签
获取最后一个子节点
获取最后一个子标签
获取所有非标签类型的子节点
获取所有子标签节点
获取父节点
增加节点
var div=documentcreateElement('div');
在父元素的末尾，插入节点
在添加元素前，需要将元素先创建好
divappendChild(div);
修改指定子节点
删除指定子节点
在删除前需要先获取到被删除元素
divremoveChild(box);
删除当前节点
需要先获取到被删除的节点
divremove();
（1）设置ID
divid='box';
（2）设置class
divclassName='box';
（3）设置style
divstylewidth='10px';
（4）设置路径
imgsrc='/';
（5）自定义属性
首先 nextSibling 并不是所有浏览器执行后 结果都是一样的！
这是我写的：
<html>
<head>
<meta >
以上就是关于js如何获取当前对象的下一个span节点，代码如下全部的内容，包括:js如何获取当前对象的下一个span节点，代码如下、如何通过js脚本获得jquery tree树节点的Id号、javascript 怎样获取节点文本值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）