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


相关推荐

  • Linux dpkg 命令

    Linux dpkg 命令Linuxdpkg命令note:软件测试实习笔记1dpkgdpkg-idpkg-rdpkg-Pdpkg-ldpkgdpkg是linux系统下用来安装、创建和管理软件包的工具。其安装的软件包一般是下载到本地的软件包,拓展名是deb。格式:dpkg参数package.deb(初学者容易忘记打空格,在命令和参数以及参数和软件包中间要打空格,否则linux会无法

    2022年5月21日
    50
  • macbook如何安装双系统_双系统安装方法

    macbook如何安装双系统_双系统安装方法1.官网https://www.microsoft.com/zh-cn/software-download/windows10ISO进入官网下载win10(因为win10仅支持win10专业版不要下家庭中文版)语言:简体中文64位2.用迅雷下否则直接下载时间会很长Mac迅雷-轻体验,大改变(拖动迅雷至文件夹,即可安装,macOS10.15安装后请到应用程序找到图标,右键打开)点击迅雷的加号新建任务在浏览器复制之后自动弹出迅雷下载对话保存位置至桌面点击下载打开浏览器.

    2022年9月28日
    3
  • 对于字符串向smalldatetime转换失败问题的解决

    对于字符串向smalldatetime转换失败问题的解决此类问题一般出现于动态存储过程,我以up_selectTradeInfo为例简单说明该问题的解决方法 –建表–银行卡表GOUSEBankCardManageDBGOIFEXISTS(SELECT*FROMsys.objectsWHERENAME=BankCard) DROPTABLEBankCardCREATETABLEBankCard ( ID intiden

    2022年5月12日
    55
  • 华三路由器配置命令详解_h3c交换机基本配置命令

    华三路由器配置命令详解_h3c交换机基本配置命令h3c路由器是一款比较只能且配置相对复杂的一款设备,很多时候配置h3c路由器都需要用到命令,下面是学习啦小编整理的一些关于h3c路由器配置命令的相关资料,供您参考。h3c路由器配置命令[Quidway]sysnamerouter_name命名路由器(或交换机)[Quidway]delete删除FlashROM中的配置[Quidway]save将配置写入FlashROM[Quidway]…

    2022年10月18日
    3
  • Stack overflow at line 解决办法(重复引入JS导致)

    Stack overflow at line 解决办法(重复引入JS导致)这几天碰到了个莫名其妙的问题,我在一个TR的onDblClick事件里写了一个window.open(XXX);可是每当我双击这一行的时候总是给我报Stackoverflowatline7这个错误,在网上找了很多方法都不行,后来查看源文件发现我把一个外部JS引入了2次,我本身的jsp引入的一次,我每个jsp都会去引入一个公共的jsp,在公共jsp里面我又引入了一次。后来我把本身的jsp引入

    2022年7月15日
    13
  • BS和CS对比_CS与BS对接

    BS和CS对比_CS与BS对接BS和CS对比牛腩新闻发布系统已经开始了不短的时间了,CS的项目也算是接触了下,接下来对比下CS和BS       CS和BS是什么?       C/S结构即Client/Server(客户机/服务器)结构,是大家熟知的软件系统体系结构,通过将任务合理分配到Client端和Server端,降低了系统的通讯开销(客户端和服务器端的通信),可以充分利用两端硬件环境的优势。B/S结

    2022年10月16日
    2

发表回复

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

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