javascript 怎样获取节点文本值?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 怎样获取节点文本值?相关的知识,希望对你有一定的参考价值。

<body>
<div>loading</div>
<script type="text/javascript">
alert(document.getElementsByTagName("div").innerHTML);
</script>
</body>
这段代码为什么输出是undefined???请明白人讲讲!

getElementsByTagName("标签名称") 代表查询返回所有该标签的元素,因此他是个集合
document.getElementsByTagName("标签") 即查询文档中所有的该标签元素
alert(document.getElementsByTagName("div").length) 返回查询结果的数量,这里结果为 1
你想要该元素的文本应该这么写 document.getElementsByTagName("div")[0].innerHTML
取第一个div的html文本

============================
其他示例
<html>
<head><title>test</title></head>
<script type="text/javascript">
//搜索文档下第一个div下的span子节点
window.onload = function () //文档加载完毕事件
var div1 = document.getElementsByTagName("div")[0];//文档第一个DIV
var spans = div1.getElementsByTagName("span");//该DIV下的所有SPAN标签元素
for (var i = 0; i < spans.length; i++) //循环弹出每个SPAN标签的文本
alert(spans[i].innerHTML);


</script>
<body>
<div><span>文本1</span><span>第二个文本</span><span>文本叁</span></div>
</body>
</html>
参考技术A

1、获取节点

var dom =document.getElementById('节点的id值');

2、通过innerHTML或value获取文本

var a = dom.innerHTML;//获取节点的值
对于输入框使用value方式
var s = dom.value;//通过value属性获取文本值。

参考技术B 因为getElementsByTagName获取的是Nodelist,不是单一值,可以看成所有tag组成的数组,所以不能用getElementsById的方法。
访问数组需要index,所以`document.getElementsByTagName("div")[0].innerHTML`才能获取loading
看看教程吧,getElementsBy* 的方法各不相同。
还innerHTML也不是万能的,面对嵌套元素取文本值需要innerText
参考技术C .value() 可以实现 参考技术D document.getElementsByTagName("div") 这是获取div 节点的集合需要在后面加上 '[ ]', 添加需要获取节点的key值。 例如
document.getElementsByTagName("div")[0].innerHTML 这是获取第一个div节点的 innerHTML值。 如果想获取每一个div节点的值,可用for历遍获取 。

javascript中获取元素节点的文本

 

<div id="test">
    <strong>i‘m strong</strong>
</div>

 

1.elementNode.innerHTML

  返回的值是<strong>i‘m strong</strong>

2.elementNode.innerText

  返回的值是i‘m strong

3.elementNode.textContent

  返回的值是i‘m strong

4.elementNode.childNodes[1].firstChild.nodeValue

  返回的值是i‘m strong

  如果是非IE浏览器,div的第一个子节点是空白节点[#text],第二个子节点才是<strong>i‘m strong</strong>

  • 元素节点的 nodeName 与标签名相同
  • 属性节点的 nodeName 与属性名相同
  • 文本节点的 nodeName 始终是 #text
  • 文档节点的 nodeName 始终是 #document
  • 元素节点的 nodeValue 是 undefined 或 null
  • 文本节点的 nodeValue 是文本本身
  • 属性节点的 nodeValue 是属性值

 

参考:http://www.cnblogs.com/wbkt2t/archive/2009/12/06/1618222.html

以上是关于javascript 怎样获取节点文本值?的主要内容,如果未能解决你的问题,请参考以下文章

使用 Java DOM 获取 XML 节点文本值

javascript获取节点值

java解析xml文件,会把节点属性中的换行转换成空格,怎样才能避免此类转换,即保留换行

JavaScript初识:获取节点

怎样获取xml中当前节点的直接孩子节点个数

JavaScript 中怎样判断文本框只能输出英文字母、汉字和数字,不能输入特殊字符!