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

思路：根据标签名称获取所有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 = documentgetElementsByTagName("span");

class_name = "name";

for(i in obj){

if(obj[i]className == class_name){

alert(obj[i]innerHTML);

return

}

}

}

3、效果演示

js获取标签类函数：

方法一：innerText

var x1 = documentgetElementById("testid")innerText;

alert("x1="+x1);

方法二：innerHTML

var x2 = documentgetElementById("testid")innerHTML;

alert("x2="+x2);

JS获取label标签的值的方法是：1，如果你的页面只有一个label标签，var a = documentgetElementsByTagName("label")[0]innerText;\x0d\2，如果页面存在很多的label标签，而且不再一个一个父元素下，那么可以给label标签加一个id,比如，var a = documentgetElementById("label_0")innerText;\x0d\JS获取DOM元素的方法：getElementById，getElementsByName，getElementsByTagName，getElementsByClassName（此方法不是所有浏览器多支持，不支持的时候自己可以写），querySelectorAll,querySelector\x0d\不管楼主想获取几个label的值，方式都是一样的，还可以获取input的值，不过input的值写法是 var a = documentgetElementsByTagName("input")[0]value;这里是value而不是innerText;

以上就是关于js怎么获取<span class="name">名字</span>中的内容:名字全部的内容，包括:js怎么获取<span class="name">名字</span>中的内容:名字、js获取标签类函数。、JS获取label标签的值是什么等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！