美文网首页
text和html有什么区别

text和html有什么区别

作者: 初入前端的小菜鸟 | 来源:发表于2018-07-24 17:03 被阅读0次

相同点

获取匹配到的元素的内容$(“p”).text()
给获取到的元素更改内容 $(“p”).html(“更改后的p标签”)

不同点

html()获取内容时,只有第一个被匹配的html内容会被获取
text()则获取所有匹配的元素包含的文本内容组合起来的文本

1. <p>a</p>
2. <p>b</p>
3. console.log($("p").text());   //ab
4. console.log($("p").html());//a

html()在获取内容时,会将其中的其他标签也读取出来
text()在获取内容时,会忽略其中的标签

1. <p><a><i><p/><a/><i/>
2. console.log($("p").text());   //a
3. console.log($("p").html());//<a><i>a</a></i>

html()在更改内容时,可以加入标签
text()更改的全是内容

1. console.log($("p").html("<b>test</b>"));  //test
2. console.log($("p").text("<b>test</b>"));//<b>test</b> 

相关文章

  • HTML知识点总结

    一、 HTML、XML、XHTML 有什么区别 HTML (Hyper Text markup language)...

  • HTML知识点

    HTML、XML、XHTML 有什么区别 HTML(Hyper Text Markup Language):超文本...

  • 关于HTML的一些知识点

    HTML、XML、XHTML 有什么区别 HTML(Hyper Text Markup Language),超文本...

  • HTML学习总结

    HTML、XML、XHTML 有什么区别? 1.HTML(Hyper Text Markup Language)即...

  • 关于HTML

    HTML、XML、XHTML 有什么区别: HTML:HTML 指的是超文本标记语言 (Hyper Text Ma...

  • 任务4 面试Q&A

    HTML、XML、XHTML 有什么区别? HTML: HTML是超文本标记语言 (Hyper Text Mark...

  • HTML的一些知识点

    HTML、XML、XHTML有什么区别? HTML全称是Hyper Text Markup Language(超文...

  • text和html有什么区别

    相同点 获取匹配到的元素的内容$(“p”).text()给获取到的元素更改内容 $(“p”).html(“更改后的...

  • HTML的知识点

    1HTML、XML、XHTML 有什么区别 html(Hyper Text Markup Language)是超文...

  • html知识点总结

    HTML、XML、XHTML 有什么区别 HTML:超文本标记语言 (Hyper Text Markup Lang...

网友评论

      本文标题:text和html有什么区别

      本文链接:https://www.haomeiwen.com/subject/nhrymftx.html