js获取值，动态添加到span标签中
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js获取值，动态添加到span标签中相关的知识，希望对你有一定的参考价值。
各位，我这个问题比较蛋疼..是这样的：
我写了一个function，作用是根据实例的状态来返回不同的span，显示一些信息。我这里想把row里面的photoNum这个属性添加到span达到显示“已采照片2张”的效果！
可是到了页面没有显示数值，直接显示了“已采照片row.photoNum张”！
用了网上的innerhtml等方法设置不起作用，原因可能是这里先设置的话因为还没return，根本找不到span，后设置的话因为已经return了，所以不执行这句了。。。。这该怎么办才好呢！！希望各位给个解决思路什么的！谢谢啦！
function formatState(val, row)
if (val == 0 || val == null)
return '<span style="color:red;">未采集</span>';
else if (val == 1)
return '<span style="color:red;">数据未采</span> | <span id="spanid" style="color:green;">已采照片row.photoNum张</span>';
else if (val == 2)
return '<span style="color:green;">数据已采</span>';
else
return '<span style="color:green;">数据已采</span> | <span id="spanid" style="color:green;">已采照片row.photoNum张</span>';
在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标签中的主要内容，如果未能解决你的问题，请参考以下文章
前端阻止冒泡事件将项目打包并安装在当前环境中请求路径参数传递方式JQ触发动态添加元素position绝对定位和相对定位js中动态添加idCorpus项目部署上线