为了账号安全,请及时绑定邮箱和手机立即绑定

js获取HTML中<span></span>标签中的内容包括<span>?

/ 猿问

js获取HTML中<span></span>标签中的内容包括<span>?

狐的传说 2021-02-17 14:11:56

字符串<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>

查看完整描述

2 回答

?
婷婷同学_

TA贡献1690条经验 获得超5个赞

<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 用于标识单独的唯一的元素。



查看完整回答
反对 回复 2021-03-27
?
慕工程0101907

TA贡献1728条经验 获得超8个赞

截取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();



查看完整回答
反对 回复 2021-03-27

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信