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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 047 Python面试知识点小结

    047 Python面试知识点小结一.Python基础1.Python语言特性:动态型(运行期确定类型,静态型是编译型确定类型),强类型(不发生隐式转换,弱类型,如PHP,JavaScript就会发生隐患式转换)2.Python

    2022年7月5日
    25
  • 复变函数与积分变换系列(二) – 复变函数的求导

    复变函数与积分变换系列(二) – 复变函数的求导复变函数的求导 Author Benjamin TOC 1 复变函数求导 1 1 函数在某点可导 可微 的充要条件 uuu 在该点连续 vvv 在该点连续满足 Cauchy Reimann 方程 KaTeXparseer Expected got part atposition7 frac p a r t u p

    2025年7月10日
    3
  • app测试工具monkey_monkeyapp下载

    app测试工具monkey_monkeyapp下载前言Monkey是Android中的一个命令行工具,可以运行在模拟器里或实际设备中。接下来将讲解如何用真机来测试Androidapp操作步骤手机连接电脑(用数据线进行连接)win+r——>cmd右键管理员运行首先测试一下是否连接上:adbdevices输入adbshell,进入shell命令调试模式。adbshell回车之后输入pmlistpackage再回车就会出现这样的包名接下来,我们打开新的cmd,右键管理员身份运行输入adb

    2025年8月27日
    7
  • notepad++不能复制回车「建议收藏」

    notepad++不能复制回车「建议收藏」notepad++不能复制回车

    2022年4月23日
    139
  • 不要再被骗了——QQ盗号原理大揭秘

    不要再被骗了——QQ盗号原理大揭秘前言相信大家在懵懂无知的时候都有被盗号的经历吧,QQ胡乱的加好友,突然有个好友传了个文件给你,打开以后发现QQ竟然显示强制下线,然后再也上不去了QAQ,很明显,QQ号被人盗了。最近也是很多小伙伴私信我,也看了一些人发空间说QQ号被盗了啥的,以及我自己收到的一些诈骗请求。网上针对防骗这块的文章几乎没有,为了不让更多的人受害,下面我将会以最真实朴素的语言介绍最常见的一种盗号诈骗方式,浅析一下这个盗…

    2022年6月16日
    648
  • Redis(缓存穿透,缓存击穿,缓存雪崩)「建议收藏」

    Redis(缓存穿透,缓存击穿,缓存雪崩)「建议收藏」文章目录缓存穿透缓存击穿缓存雪崩缓存穿透数据库中没有这个数据,内存中也没有这个数据简单场景public class demoController { public R selectOrderById(int id){ Object redisObj = ValueOperations.get(Strubg.valueof(id)); if(redisObj != null){ return new R().setCode(200).

    2022年8月9日
    4

发表回复

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

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