Question

js怎么获取<span class="name">名字</span>中的内容:名字

代码:<span class="name">名字</span>
怎么才能获取span中的内容:名字,
没有id属性
代码:<span class="name">名字</span>
<span class="xing">姓</span>
.........
同一个页面有n多这样的标签,怎么通过class="name"属性获取到文字"名字",没有规律是第一个还是第二个

Answer 1

思路：根据标签名称获取所有span对象，然后根据类名筛选出目标对象，最后使用 innerHTML 属性获取文本。实例演示如下：

1、HTML结构

<span class="xing">姓氏</span>
<span class="name">名字</span>
<span class="sheng">籍贯</span> <br>
<input type='button' value='获取class=name的span' onClick="fun()"/>

2、javascript代码

function fun(){
	obj = document.getElementsByTagName("span");
	class_name = "name";
	for(i in obj){
		if(obj[i].className == class_name){
			alert(obj[i].innerHTML);
			return
		}
	}
}

3、效果演示

Answer 2

document.getElementsByTagName("span")[0].getAttribute("class");
这句话的意思是获取第一个名为span的标签的class名字。

追问

名字 这标签不一定在第一个,有可能第二个,第三个....不固定

追答

function js(id)
{
return document.getElementById(id).getElementsByTagName("span");
}
for(var i=0;i<js("left").length;i++)//循环取出id为left的容器里面的所有span
{
js("left")[i].onclick=function(){
var cl = this.getAttribute("class");
alert(cl);//弹出当前span的class名字
}
}

你看看这个例子，可能写的不是正确的，但是是一种思路。