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>
用jquery吧这个不复杂吧，再通过class得到下面的span，先通过id得到当前div，再得到span里面的text
(");fileName"text();获取TEXT
var str = "";//定义div里所有span的值组成的字符串
var spans = new Array();//定义一个数组，用来存放每一个span的值
$("#test span")each(function(i, obj){
spans[i] = $(this)text();
});//循环取出span的值放入数组中
str = spansjoin(",");将数组中的值用逗号连接起来
$ajax({
type: "POST",
url: "somephp",
data: "name=John&location=Boston",
success: function(msg){
alert( "Data Saved: " + msg );
}
});
用ajax提交到后台，
用post方法，url你到时候，换成你想要提交的程序，data为传输的值，success为成功后再做你想要的处理
<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
1、给span一个id，或者给一个特定的class使用jquery的id选择器或者类选择器
<span id="spId" class="content">ajlwe</span>var str=$("#spId")html();--通过id获取span，然后通过html()获取span里的内容var str2=$("#spId")text();--通过id获取span，然后通过text()获取span里的内容
var str3=$("content")html();--通过class获取span，然后通过html()获取span里的内容
var str4=$("content")text();--通过class获取span，然后通过text()获取span里的内容
注：html()返回或设置被选元素的内容 (inner HTML)；text()获取设置或返回被选元素的文本内容
有的时候无法取得值时，是因为html是从上往下解析的，在解析到js里的$("#spId")时，下面这个span还不存在，当然就取不到了。
js代码放在<span>下面解析时，span就有了。另外，jQuery的做法是用ready函数包含这些js代码，这样的话，就不存在位置的问题了，放到哪都可以。它的作用就是在加载完整个页面后才执行包含的js
第一种方法：输出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提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。
参考资料：
以上就是关于js 获取页面上的span var NodeList=document.getElementsByTagName ("span"); 怎么获取每个span的ID全部的内容，包括:js 获取页面上的span var NodeList=document.getElementsByTagName ("span"); 怎么获取每个span的ID、如何利用jquery获取div下的<span标签里的值，万分、怎么获取一个div里面所有span的值后用ajax提交到后端等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）