Question

JavaScript 如何获取Table中的某个<span> 的值？

<table>
<tr>
<td><span>怎么获得这个标签的内容呀?</span></td> //<span>标签ID值无法得知的情况下
<td><span>还有这个标签?</span></td>
</tr>
<tr>
<td></td>
<td><input id="Button1" type="button" value="button" onclick="everyday(this)" /></td>
</tr>
</table>

<script language="javascript" type="text/javascript">
function everyday(obj)
{
求救 如何分别获取两个<span>标签里的内容呀？
}
</script>

Answer 1

<script language="javascript" type="text/javascript">
var a=document.getElementsByTagName("table");//获取页面所有table对象,返回一个含有table对象的数组
var b=a[0].getElementsByTagName("span");//a[0],表示第一个table对象,此句获取此table中所有的span对象
for(var count=0;count<b.length;count++)
{
alert(b[count].innerHTML);
}

</script>

Answer 2

<table>
<tr>
<td><span>怎么获得这个标签的内容呀?</span></td><td><span>还有这个标签?</span></td>
</tr>
<tr>
<td></td>
<td><input id="Button1" type="button" value="button" onclick="everyday(this)" /></td>
</tr>
</table>
<script language="javascript" type="text/javascript">
var a=document.getElementsByTagName("table");//获取页面所有table对象,返回一个含有table对象的数组
var b=a[0].getElementsByTagName("span");//a[0],表示第一个table对象,此句获取此table中所有的span对象
for(var count=0;count<b.length;count++)
{
alert(b[count].innerHTML);
}

</script>

Answer 3

function everyday() {
var oSpan = document.getElementsByTagName('span');
for (var i=0; i<oSpan.length; i++) {
alert('第'+i+'个<span>的内容是:"'+oSpan[i].innerHTML+'"');
}
}