首先 nextSibling 并不是所有浏览器执行后 结果都是一样的！
这是我写的：
<html>
<head>
<meta >
思路：
当点击按钮的时候，获取当前按钮所被包含的元素，再查找这个元素里面对应的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里面。
<div id="test">
<div></div>
<div></div>
</div>
<script>
function dom() {
var s= documentgetElementById("test");
var chils= schildNodes; //得到s的全部子节点
var par=sparentNode; //得到s的父节点
var ns=snextSbiling; //获得s的下一个兄弟节点
var ps=spreviousSbiling; //得到s的上一个兄弟节点
var fc=sfirstChild; //获得s的第一个子节点
var lc=slastChile; //获得s的最后一个子节点
}
</script>
$(function () {
$("navbar-inverse li")each(function (index) {
if ($(this)children()text()indexOf("主页") >= 0) {
$(this)addClass("active");
}
});
});
这个是获取ul下的li，然后设置样式。
你的oLi是所有li的集合，所以你使用oLi的时候应该加下标，才能表示你使用的 是 哪个li
所以
var oDiv = oLi[此处是下标]getElementsByTagName('div');
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>
documentgetElementsByTagName()
根据标签名获取，如<p> <div>
如documentgetElementsByTagName("h1")
documentgetElementsByName()
根据标签内的name属性值获取
如<input name='x' />,documentgetElementsByName('x')
documentgetElementById()
根据id来获取
如documentgetElementById("wrap")
documentquerySelector()
html5新出的选择方式，选择的是数组中的第一个元素，有些类似jquery的选择方式
如documentquerySelector("div1")
如果满意，望采纳！提问者的点赞和采纳就是我们的动力和追求，谢谢！
使用jquery：
<script type="text/javascript" src=">
以上就是关于怎么样通过js DOM获取一个节点的文本内容全部的内容，包括:怎么样通过js DOM获取一个节点的文本内容、js如何获取当前对象的下一个span节点，代码如下、JavaScript中如何通过一个元素去查找该元素的子元素节点等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）