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

Question

字符串<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的内容有方法如下：

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