js获取并设置<p></p>的显示的值。

js获取并设置<p></p>的显示的值。

大家好,又见面了,我是全栈君,祝每个程序员都可以多学几门语言。

原文链接:http://www.nowamagic.net/librarys/posts/jquery/23

html()方法

此方法类似于JavaScript中的innerHTML属性,能够用来读取或者设置某个元素中的HTML内容。要获取某个元素的内容,能够这样:

1 var p_html = $("p").html(); //获取p元素的HTML代码 

假设须要设置某元素的HTML代码,那么也能够使用该方法,只是须要为它传递一个參数。比如要设置p元素的HTML代码,能够使用例如以下代码:

1 //设置p元素的HTML代码
2 $("p").html("欢迎您訪问简明现代魔法图书馆~~"); 

注意:html()方法能够用于XHTML文档,但不能用于XML文档。

text()方法

此方法类似于JavaScript中的innerText属性,能够用来读取或者没置某个元素中的文本内容。继续使用以上的HTML代码,用text()方法对p元素进行操作:

1 var p_text = $("p").text(); //获取p元素的文本内容  

与html()方法一样,假设须要为某元素设置文本内容,那么也须要传递一个參数。比如对p元素设置文本内容,代码例如以下:

1 // 设置p元素的文本内容
2 $("p").text("欢迎您訪问简明现代魔法图书馆~~");   

要注意以下两点:

  1. JavaScript中的innerText属性并不能在Firefox浏览器下执行,而jQuery的text()方法支持全部的浏览器.
  2. text()方法对HTML文档和XML文档都有效。
显示好友列表时,在显示好友名字的<p></p>元素中设置:<p id=”p${friend.friendId}”></p>,这样js文件就能够动态获取<p></p>元素的id,并顺利通过text()方法赋值$(“#p”+userId).text(name);    

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/118213.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 数据结构图的构建_逻辑结构图的数据结构表示

    数据结构图的构建_逻辑结构图的数据结构表示图是一种很重要的数据结构,不解释。

    2022年4月19日
    65
  • scrollHeight,clientHeight,scrollTop

    scrollHeight,clientHeight,scrollTop移动端加载数据时,由于数据太多,不会一次性全部加载出来。有些会采用pc端那样用分页码的形式,但是更多的确实滑动滚动条到内容最后,加载更多内容出来。一般引入了三方的前端框架和插件,基本都会有此功能。偶尔会需要采用原生js实现,故而此处就介绍下原生js的实现方式。另外附上jquery的实现方式。原生js实现思路需要三个高度:scrollHeight(文档内容实际高度,包括超出视窗的溢出部分)、scrollTop(滚动条滚动距离)、clientHeight(窗口可视范围高度)。当clientHeig

    2022年7月23日
    11
  • DOS命令:copy

    DOS命令:copycopy命令,将至少一个文件复制到另一个位置copy/?—查看官方帮助文档对COPYT的解释说明COPY[/D[1]][/V][/N][/Y|/-Y][/Z][/A|/B]source[/A|/B][+source[/A|/B][+…]][destination[/A|/B]]source指定要复制的文件。/A表示一个ASCII文本文件。/B表示一个二进位文件。/D允许解密要创建的目标文件dest…

    2022年7月18日
    17
  • Navicat连接MySQL数据库报错1045

    Navicat连接MySQL数据库报错1045

    2021年6月4日
    354
  • mybatis二级缓存问题_mybatis清空二级缓存

    mybatis二级缓存问题_mybatis清空二级缓存转载:https://www.cnblogs.com/xrq730/p/6991655.html

    2022年9月20日
    3
  • python的dropna函数_Pandas dropna()函数不工作「建议收藏」

    python的dropna函数_Pandas dropna()函数不工作「建议收藏」我试图从pandas数据框中删除NA值。我使用了dropna()(它应该从数据帧中删除所有NA行)。然而,它不起作用。代码如下:importpandasaspdimportnumpyasnpprison_data=pd.read_csv(‘https://andrewshinsuke.me/docs/compas-scores-two-years.csv’)这就是获取数据帧的方法。…

    2025年11月19日
    10

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号