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

问题不少啊,朋友,改成下面就可以运行了,你每句每句的对照看看,错在哪里,尤其是每句后面掉了分号。

<p id="firjs"></p>

<script>

var a = Mathrandom() + "";

var rand1 = acharAt(5);

var quotes = new Array();

quotes[1] = '欢迎!';

quotes[2] = '举牌子很累';

quotes[3] = '你发现了?';

quotes[4] = '这里是MW';

quotes[5] = '我挺帅';

quotes[6] = '我在这站了很久';

quotes[7] = '这些字会变';

quotes[8] = '欢迎';

quotes[9] = '出现“欢迎”最多';

quotes[0] = '欢迎';

var quote = quotes[rand1];

var hehe = documentgetElementById("firjs");

heheinnerText = quote;

</script>

IE下用 eventsrcElementinnerHTML

firefox下通过函数参数传递event对象,然后用targetinnerHTML

实现细节,自己百度

首先 nextSibling 并不是所有浏览器执行后 结果都是一样的!

这是我写的:

<html>

<head>

<meta >

<h2>This is a heading</h2>

<p>This is a paragraph</p>

<p>This is another paragraph</p>

<button type="button">Click me</button>

<script>

//        页面加载

    windowonload = function(){

//        获取button按钮

        var obj = documentgetElementsByTagName("button");

//        监听button按钮

        obj[0]onclick = function(){

//            获取P标签

            var oP = documentgetElementsByTagName('p');

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

            {

//                修改P标签颜色

                oP[i]stylecolor = 'red'

            }

        }

    }

</script>

以上就是关于js获取HTML中<span></span>标签中的内容包括<span>全部的内容,包括:js获取HTML中<span></span>标签中的内容包括<span>、js控制p标签内容、js里给p标签注册click事件,怎么在函数里获取这个p标签里的文本内容,p标签有多个,函数就一个等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9810275.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存