怎么样通过js DOM获取一个节点的文本内容？
html代码如下：<inputtype="text"id="btn"><p>firstofallthename</p><p>secondofallthename</p><...
html代码如下：
<input type="text" id="btn">
<p>first of all the name</p>
<p>second of all the name</p>
<p>third of all the name</p>
js代码如下：
var btn=document.getElementById("btn");
btn.onclick=function(){
var p1=document.getElementsByTagName("p")[0];
var p2=p1.nextSibling;
alert(p2.firstChild.nodeValue)
我想通过p1获取到它的下一个兄弟元素--第二个p元素的文本，为什么程序无响应？还有p1是一个objectPrographaHtml ，而p1.nextSibling;显示的p2却是boject text？节点类型不一样了？求解释？如果按我的思路改，该怎么改？求大侠指点，分不多了，只有这么点，见谅 展开
<input type="text" id="btn">
<p>first of all the name</p>
<p>second of all the name</p>
<p>third of all the name</p>
js代码如下：
var btn=document.getElementById("btn");
btn.onclick=function(){
var p1=document.getElementsByTagName("p")[0];
var p2=p1.nextSibling;
alert(p2.firstChild.nodeValue)
我想通过p1获取到它的下一个兄弟元素--第二个p元素的文本，为什么程序无响应？还有p1是一个objectPrographaHtml ，而p1.nextSibling;显示的p2却是boject text？节点类型不一样了？求解释？如果按我的思路改，该怎么改？求大侠指点，分不多了，只有这么点，见谅 展开
2个回答
展开全部
首先 nextSibling 并不是所有浏览器执行后 结果都是一样的！
这是我写的：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<p>This is One </p>
<p>This is Two </p>
<script>
var p = document.getElementsByTagName("p");
p[1].innerHTML= "This is Change";
</script>
</body>
</html>
我用一个变量接收整个页面有多少个p标签
然p是一个数组 数组从0开始 我要操作第二个 我就p[1] 来操作他
这里 我改变了第二个p标签的值 ！
这是我写的：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
</head>
<body>
<p>This is One </p>
<p>This is Two </p>
<script>
var p = document.getElementsByTagName("p");
p[1].innerHTML= "This is Change";
</script>
</body>
</html>
我用一个变量接收整个页面有多少个p标签
然p是一个数组 数组从0开始 我要操作第二个 我就p[1] 来操作他
这里 我改变了第二个p标签的值 ！
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
p1是btn按钮，p2的节点是文本类型的，肯定是不一样的文本节点类型。至于为什么,看看用下所有元素的父节点，然后
.childNodes 比如 把上面的HTML元素全部放入一个ID为parentID的div元素中
使用for (var i = 0; i< document.getElementById('parentID').childNodes.length; i++)
{ //遍历该元素下所有子元素
p = document.getElementById('parentID').childNodes[i];
}
.childNodes 比如 把上面的HTML元素全部放入一个ID为parentID的div元素中
使用for (var i = 0; i< document.getElementById('parentID').childNodes.length; i++)
{ //遍历该元素下所有子元素
p = document.getElementById('parentID').childNodes[i];
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
