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标签属性有两种方法：

如<a id="link" href=">

比如两个input标签，name的值一个是a一个是b，是name的值为a的标签添加背景色

input[name="a"]{

    bakcground:#ccc;

}

可以用doc文档解析在网页中显示!

用javascript脚本在dreamweaver中!

<script language="javascript">

var xmlDoc = new ActiveXObject("MicrosoftXMLDOM");

xmlDocasync="false"; //禁止异步 *** 作

xmlDocload("xmlFileName"); //载入你的xml文档

list = xmlDocgetElementsByTagName("file");

for(i=0;i<listlength;i++){documentwrite(list[i]getAttributeNode("filename")nodeValue + "<br>"); }

</script>

var element = documentgetElementById("targetp"); //id

var tempname = documentgetElementsByName("testname") //name

以上就是关于js怎么获取<span class="name">名字</span>中的内容:名字全部的内容，包括:js怎么获取<span class="name">名字</span>中的内容:名字、js 怎么获取标签里的属性、CSS如何以标签的name属性定位等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！