function test()
{
var spans=documentgetElementsByTagName("span");
var arr=[];
for(var i=0;i<spanslength;i++)
{
if(spans[i]id=="")
{arrpush("没有id属性");}
else
{arrpush(spans[i]id);}
}
alert(arrjoin("[+]"));
}
</script>
第一种方法：输出html
1、<body onload="s()">
2、<span id="hello"></span>
3、<script language="javascript">4、function s()
5、{documentgetElementById("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、{documentgetElementById("hello")innerText = "hello world";}
6、</script>在页面加载完成后通过jquery给多个span赋值
扩展资料
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
参考资料：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>zhidao</title>
</head>
<body>
<p><input type="checkbox" value="1" checked><span>1</span></p>
<p><input type="checkbox" value="2"><span>2</span></p>
<p><input type="checkbox" value="3"><span>3</span></p>
共计：<span id="all"></span>
<script type="text/javascript">
var allinput=documentgetElementsByTagName('input');
var all=documentgetElementById("all");
function getNextElement(node){
if(nodenextSiblingnodeType == 1){ //判断下一个节点类型为1则是“元素”节点
return nodenextSibling;
}
if(nodenextSiblingnodeType == 3){ //判断下一个节点类型为3则是“文本”节点 ，回调自身函数
return getNextElement(nodenextSibling);
}
return null;
}
for(var i=0;i<allinputlength;i++)
{
if(allinput[i]checked)
{
consolelog(allinput[i]);
allinnerHTML+=allinput[i]value;
}
allinput[i]onclick=function()
{
var _this=this;
if(_thischecked==true)
{
consolelog(_this);
allinnerHTML =parseInt(allinnerHTML,10)+parseInt(getNextElement(_this)innerHTML,10);
}
else
{
consolelog(_this);
allinnerHTML =parseInt(allinnerHTML,10)-parseInt(getNextElement(_this)innerHTML,10);
}
}
}
</script>
</body>
</html>
获取下一个span的innerHTML来判断转化，把里面的值转化为十进制整数，再相加
<span id="span">
<span style="color: rgb(229, 51, 51);">2132131321</span>
</span>
var span = documentgetElementById("span")innerHTML;
jquery:
var span = $("#span")html();
扩展资料
<p><span>some text</span>some other text</p>
如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。
<span>在行内定义一个区域，也就是一行内可以被<span>划分成好几个区域，从而实现某种特定效果。<span>本身没有任何属性，<span> 标签支持HTML 的全局属性和事件属性。
可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。可以对同一个 <span> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
参考资料：
百度百科 HTML
return '<span style="color:red;">数据未采</span> | <span id="spanid" style="color:green;">已采照片'+ rowphotoNum + '张</span>';
documentgetElementsByTagName('span')
获取到的是一个数组，但是这样子直接获取标签名不太好，
建议你在你需要用到的span上增加同名的类，通过类名来获取，避免获取到其他不相关的span
将你写的这段代码 放到 $(function(){}) 里面吧。<br>$(function(){<br> var result="教师"; //这里是获得的值，假设为教师<br> $("#power")text(result); //给SPAN里赋值 <br> var power=$("#power")text(); //获取SPAN里的值<br> if(power=="教师"){<br> alert("HELLO");<br> }<br>});
以上就是关于js 获取页面上的span var NodeList=document.getElementsByTagName ("span"); 怎么获取每个span的ID全部的内容，包括:js 获取页面上的span var NodeList=document.getElementsByTagName ("span"); 怎么获取每个span的ID、在js中, 怎么往span标签里放值进去、js点击多个checkbox获取相应span值并且自动相加显示在另一个span里面怎么写啊，在线急等！！！等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）