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

js获取HTML中<span><span>标签中的内容包括<span>,第1张

<span id="span">

<span style="color: rgb(229, 51, 51);">2132131321</span>

</span>

var span = documentgetElementById("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

可以使用next()

取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。

html代码如下

<p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>

Jquery获取

$("p")next()

结果获取标签

<p>Hello Again</p>, <div><span>And Again</span></div>

获取标签内容

$("p")next("eq:(0)")html() //Hello Again

<!DOCTYPE HTML>

<html>

<head>

<meta charset=UTF-8>

<title>recursion</title>

<style type="text/css">

</style>

<script type="text/javascript">

var array = [];

    onload = function ()

    {

    var tags = documentbodygetElementsByTagName ('');

    for ( var i = 0; i < tagslength; i++)

    {

    arraypush (getText (tags[i]));

    }

    consolelog (array);

    }

    

    var getText = function (dom)

    {

     var index = 0, html = dominnerHTML;

    while (domchildrenlength && index < domchildrenlength)

    {

     var chtml = domchildren[index]outerHTML;

html = dominnerHTMLreplace(chtml, '');

     index++;

    }

    return "<font>" + html + "</font>";

    }

</script>

</head>

<body>

<p>

ths is p<a href="">this is a</a>wyz

</p>

<i>this is i</i>

<b>this is b</b>

</body>

</html>

以上就是关于js获取HTML中<span></span>标签中的内容包括<span>全部的内容,包括:js获取HTML中<span></span>标签中的内容包括<span>、JS或JQ获取标签文本,输出在另一个标签里、js获取网页当中所有标签里面的文本等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9535921.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存