html元素和文本的区别_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 2:53:58 共计：3596 浏览

html元素和文本的区别？

不同点一：

html()在获取元素内容时，如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。

text()在获取元素内容时，结果是由所有匹配元素包含的文本内容组合起来的文本

实例：

段落一

段落二

$(function(){

alert($("p").text());

})

弹出框结果为：段落一段落二

$(function(){

alert($("p").html());

})

弹出框内容为：段落一

不同点二：

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

text()在获取内容时，会忽略其中的标签

实例：

$(function(){

alert($("p").text());

})

弹出框结果为：段落

$(function(){

alert($("p").html());

})

弹出框结果为：<a>段落</a>

不同点三：

html()在更改内容时，可以加入标签

text()更改的全是内容

实例：

$("p").html("test");

网页上显示的是加粗的test

$("p").text("test")

网页上显示的是test</>

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。