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 *** 作的html标签定义一个id

如<span id="category-0">热门</span>

如果是用jquery获取span的值，则如下：

var category = $("#category-0")html();//category输出结果就是 “热门” 两个字

如果是用js获取span的值，则如下：

var category =documentgetElementById("category-0")innerHTML;

建议用jquery库来 *** 作，毕竟方便通用

给你一个简单的方法，你将span标签嵌套到一个span标签中》

<span id="span">

<span style="color: rgb(229, 51, 51);">2132131321</span>

</span>

js:

var span = documentgetElementById("span")innerHTML;

jquery:

var span = $("#span")html();

准确的说，提取span标签中间的内容可以使用javascript实现或者使用jQuery实现

1、使用javascript实现

a、为span设置一个id，写如下js代码

var value=documentgetElementById("span的id属性")innerHTML;或

var value=documentgetElementById("span的id属性")innerText;

就可以取出下面的span标签中间的文本

innerHTML和innerText的区别再是能否识别html标签

2、使用jQuery实现

a、为span设置一个id，写如下jquery代码

$("#span的id属性")html()或者

$("#span的id属性")text()

b、不设置任何属性

$("div span")html()取出div下第一个span的内容或者

$("div span")text()取出div下所有span的内容

用一个for循环遍历List时，不能删除其中的元素。

用Iterator *** 作即可。

还有 Pro类要重写一下 toString方法。这样Systemoutprintln里才能打印出来。

import javautil;

public class ListTest {

public static void main(String[] args) {

List<Pro> list = new ArrayList();

Pro p1 = new Pro("1000","1000");

Pro p2 = new Pro("1001","1002");

Pro p3 = new Pro("1003","1004");

Pro p4 = new Pro("1005","1006");

listadd(p1);

listadd(p2);

listadd(p3);

listadd(p4);

for (Iterator<Pro> i = listiterator(); ihasNext();) {

Pro o = inext();

if(ogetProid()equals(ogetProName())){

iremove();

}

}

Systemoutprintln(list);

}

}

class Pro{

private String proid;

private String proName;

public String getProid() {

return proid;

}

public void setProid(String proid) {

thisproid = proid;

}

public String getProName() {

return proName;

}

public void setProName(String proName) {

thisproName = proName;

}

public Pro(String proid, String proName) {

super();

thisproid = proid;

thisproName = proName;

}

public Pro() {

}

public String toString() {

return proid + ":" + proName;

}

}

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