Question

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>

Answer 1

<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标签

百度百科 HTML

Answer 2

截取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详解

Answer 3

给你一个简单的方法，你将span标签嵌套到一个span标签中》
<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();

Answer 4

给span一个id

var span = document.getElementById("id").innerHTML;

通过id获得他的内容就行了

Answer 5

var spans=document.getElementByTagName("span");
for(var i=0;i<spans.length;i++){
alert(spans[i].outerHTML);

}