怎么样通过js DOM获取一个节点的文本内容?

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?节点类型不一样了?求解释?如果按我的思路改,该怎么改?求大侠指点,分不多了,只有这么点,见谅

第1个回答  2013-09-30
首先 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标签的值 !本回答被网友采纳
第2个回答  推荐于2016-09-07
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];

}本回答被提问者采纳

怎么样通过js DOM获取一个节点的文本内容?
然p是一个数组 数组从0开始 我要操作第二个 我就p[1] 来操作他 这里 我改变了第二个p标签的值 !

怎样进行JS内DOM节点使用
一、DOM树的节点1、 DOM节点分为三大类: 元素节点(标签节点)、属性节点和文本节点。属性节点和文本节点都属于元素节点的子节点。 因此操作时,需先选中元素节点,再修改属性和文本。【查看元素节点】1、 使用getElement系列方法:具体的HTML代码如下图:\/\/通过ID来查看元素属性var li = document.getEle...

JS获取HTML DOM元素的方法
本文将总结几种获取DOM元素的方法:1. 通过ID获取元素(getElementById):使用document.getElementById('id'),必须传入元素的ID,返回一个元素,未找到时返回null。注意,如果有多个ID存在,只获取第一个;IE6、7中会将表单元素的name值当作ID获取;大小写不敏感;不推荐直接用ID代表元素;上下文必须...

js 取中间文本
var txt="abcd1234fghj",str=\/.+?(\\d+).+\/.exec(txt)[1];\/\/你要的结果console.log(str)

如何用js获取id 元素内容
var img = document.getElementsByTagName("img");var str = [];for (var i = 0; i < img.length; i++) { var src=img[i].src; str[i]=src.substring(src.lastIndexOf('\/')+1, src.lastIndexOf('.'));}alert(str[0]);alert(str[1]);\/\/组合成日期的字符串,自己...

怎样往jsdom节点里添加字符串
首先要获取节点的对象,然后进行操作。假设我们有一个节点:我根据上面的节点做一下举例说明:原生JS:document.querySelector('#name').innerHTML = '我是被添加的内容';jQuery:('#name').html('我是被添加的内容');两种方法运行结果是一样的,如下图:

js读取xml节点的数据
JavaScript可以通过多种方式读取XML节点的数据。其中一种常见的方式是使用XMLHttpRequest对象来加载XML文件,并通过DOM操作来解析和提取节点数据。原因:1. XML格式的数据可以被解析成具有层级结构的DOM树,JavaScript可以利用DOM操作方法来遍历和获取XML节点的数据。2. XMLHttpRequest对象可以异步加载XML文件,...

怎么用JS获取HTML标签内的内容
1、首先打开hbuilder软件,新建一个html文件,里面写入一个p标签和一个按钮标签。2、然后在p标签的下方设置一个script标签,里面写入js胆码;先获取p标签和按钮的dom对象,然后给按钮添加一个点击事件,再点击事件爱的回调中alertp标签的text属性即可。3、最后打开浏览器,可以看到一段文字和一个按钮,...

js中怎样用DOM判断一个标签是否是span?
可以通过tagName属性获取 比如 js判断:var myspan = document.getElementById('myspan');if(myspan.tagName == 'SPAN'){ \/\/这里写你的代码 }

原生JS DOM 常用操作大全
节点获取方面,网页内容可被划分为节点,如父级、子元素节点、兄弟节点。DOM 树描述了节点之间的层级关系。解决兼容性问题,开发者可自己封装兼容性函数,确保在不同浏览器环境下一致。事件处理采用异步模型,通过 addEventListener 注册事件,但需注意一个事件源只能注册一个事件,否则后者会覆盖前者。移除...

相似回答