js获取HTML中<span></span>标签中的内容包括<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);
}