javascript 怎样获取节点文本值?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 怎样获取节点文本值?相关的知识,希望对你有一定的参考价值。
<body>
<div>loading</div>
<script type="text/javascript">
alert(document.getElementsByTagName("div").innerHTML);
</script>
</body>
这段代码为什么输出是undefined???请明白人讲讲!
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获取文本
对于输入框使用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 怎样获取节点文本值?的主要内容,如果未能解决你的问题,请参考以下文章