js获取HTML中<span></span>标签中的内容包括<span>
字符串<img width="100" height="100" title="../image/56.jpg~?left" style="float: left;" alt="img" src="../image/56.jpg"><span style="color: rgb(229, 51, 51);">2132131321</span>
希望通过截取获取到 <span style="color: rgb(229, 51, 51);">2132131321</span>
<span id="span">
<span style="color: rgb(229, 51, 51);">2132131321</span>
</span>
var span = document.getElementById("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 用于标识单独的唯一的元素。
参考资料：百度百科 span标签
截取span的内容有方法如下：
1)、如果你是使用原生的javascript的话，你可以使用document.getElementsByTagName('span')[0]获取。如图：
获取到元素内容，document.getElementsByTagName('span')[0].outerHTML,如图：
2)、如果你是使用jquery的话,你可以使用$('span')[0]获取,获取内容$('span').html()，如图：
扩展资料：
js获取元素的几种方法：
document.querySelector();
document.querySelectorAll();
document.getElementById();
document.getElementsByName();
document.getElementsByTagName();
document.getElementsByClassName();
参考资料：MDN技术文档-outerHTML详解
本回答被网友采纳<span id="span">
<span style="color: rgb(229, 51, 51);">2132131321</span>
</span>
js:
var span = document.getElementById("span").innerHTML;
jquery:
var span = $("#span").html();本回答被提问者采纳
var span = document.getElementById("id").innerHTML;
通过id获得他的内容就行了
for(var i=0;i<spans.length;i++){
alert(spans[i].outerHTML);
}
