怎么利用js取下面的span值,

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么利用js取下面的span值,相关的知识,希望对你有一定的参考价值。

<div id="nav">
<span class="active">热门</span>
<span>热门</span>
</div>

最简单且常规的做法就是给需要用js操作的html标签定义一个id
如<span id="category-0">热门</span>
如果是用jquery获取span的值,则如下:
var category = $("#category-0").html();//category输出结果就是 “热门” 两个字
如果是用js获取span的值,则如下:
var category =document.getElementById("category-0").innerHTML;
建议用jquery库来操作,毕竟方便通用追问

问题问错了 是如何获取span 不是获取span的值 加入有多个span 怎么获取

参考技术A 方法一:.innerText
var a = document.getElementByClassName("active").innerText;

alert(a);

方法二:.innerHTML
var b = document.getElementByClassName("active").innerHTML;

alert(b);

希望给予采纳 谢谢追问

问题问错了 是如何获取span 不是获取span的值 加入有多个span 怎么获取

追答

获取span干什么?不都是获取值嘛。 加id 啊

参考技术B 使用遍历 。

在js中, 怎么往span标签里放值进去?

<span id="a"></span>在js方法中获取到span标签
var a=window.document .getElementById ("a");
再怎么往span标签里放值进去?

第一种方法:输出html

1、<body onload="s()">

2、<span id="hello"></span>

3、<script language="javascript">

4、function s()

5、document.getElementById("hello").innerHTML = "<iframe src= height=400 width=300></iframe>";

 6、</script>

第二种方法:输出文本

1、<body onload="s()">

2、<span id="hello"></span>

3、<script language="javascript">

4、function s()

5、document.getElementById("hello").innerText = "hello world";

6、</script>

在页面加载完成后通过jquery给多个span赋值

扩展资料

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。

参考资料:百度百科-javascript

参考技术A 如果用原生的就可以这样写:
var ele=window.document .getElementById ("a"); #获取span标签
ele.innerHTML = "在这里放值";
如果有jquery的话就非常简单了。
1、给<span>标签一个id="ray",这个可以随便写,唯一就行。
2、$("#ray").text("像放的内容");
建议使用jquery写,这样可以很好解决浏览器间的兼容性。
参考技术B 其实你可以不用写var a=window.document .getElementById ("a");这行代码 可以直接用id点...的写法 如 a.innerHTML='加入到span里面的标签和内容'; 如: a.innerHTML="<H1>您好</H1>";
a.innerText = '加入到span里面的文本不包含HTML标签'; 如:a.innerText = '您好';
参考技术C a.innerHTML="xxxx"; 参考技术D var a=window.document .getElementById ("a");
a.innerHTML = "在这里放值";本回答被提问者采纳

以上是关于怎么利用js取下面的span值,的主要内容,如果未能解决你的问题,请参考以下文章

如何利用Vue.js库中的v-if内部指令判断元素显示

利用Jsoup获取具体标签属性值

怎么获取一组checkbox选中的值

利用jquery怎么遍历table中的一列

在js中, 怎么往span标签里放值进去?

在js中怎样获得checkbox里选中的多个值?(jQuery)