黑马程序员技术交流社区

标题: 如何获取<span>的值 [打印本页]

---

作者: 李维    时间: 2012-8-24 15:00
标题: 如何获取<span>的值


比如有一段代码：
<div id="test"  >此处还有个// on  click ="ch  eck()"//不知道怎么显示不出来。不是间开的哦，加空格是为了显示出来。
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
</div> 那么，我该如何获取到<span>里的1 2 3 4？
要求不能修改我上面的代码。
求解！

---

作者: 王小刚    时间: 2012-8-24 15:21


这个不难哦。思路是这样的：
我们可以获取div节点对象，再跟据div节点，获取该div节点下的所有span节点。
然后使用循环把每一个 span中的数学获取到。
代码如下：
<script type="text/javascript">  
function check(){
   //获取div节点对象。
    var divNode = document.getElementById("test");   
   //获取此div节点对象下的所有span节点对象。
    var nodeList = divNode.getElementsByTagName("span");   
    for( i = 0;i<nodeList.length;i++){   
       alert(nodeList.innerHTML);   
   }   
}
</script>  

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2