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)
上一篇 2021年12月9日 下午12:00
下一篇 2021年12月9日 下午12:00


相关推荐

  • 测试知识图谱[通俗易懂]

    测试知识图谱[通俗易懂]之前整理了一份测试知识图谱,还有一些不足,希望大家指出来。参考了数位大师的成果,下面是他人整理的。

    2026年4月17日
    6
  • JAVA三层架构,持久层,业务层,表现层的理解

    JAVA三层架构,持久层,业务层,表现层的理解SSH Struts 表示层 Spring 业务层 Hibernate 持久层 Struts Struts 是一个表示层框架 主要作用是界面展示 接收请求 分发请求 在 MVC 框架中 Struts 属于 VC 层次 负责界面表现 负责 MVC 关系的分发 View 沿用 JSP HTTP Form Tag Resourse Controller ActionServle

    2026年3月17日
    3
  • Java 的下载安装教程[通俗易懂]

    Java 的下载安装教程[通俗易懂]Java17的下载安装教程说明:本文介绍的是Windows下安装Java的方法。对于Linux下Java的安装,可见笔者的另一篇博客:在Linux操作系统中安装Java:https://blog.csdn.net/wangpaiblog/article/details/120093325笔者的安装环境:JDK17Windows10教育版安装Java就是安装JDK。Java有三大分支,这里选择的是JavaSE。关于

    2022年6月4日
    55
  • 图层合并_cad图层怎么统一到一个图层

    图层合并_cad图层怎么统一到一个图层Arcgis合并线图层和面图层相同类型的图层合并数据管理工具——常规——合并。这个工具只能是线与线、面与面、点与点相同类型的图层合并。输入要合并的图层,设置输出的数据名称就可以了,非常简单。不同类型的图层合并“合并”这个工具只能用于相同类型的图层合并,不同类型的图层合并就要先把图层转为相同的类型。比如一个线图层,一个面图层,可以把线图层直接在转换工具中使用要素转面工具转为面图层,但是这时候我们发现属性表是空的,这样做是不正确的。下边介绍一种方法:线图层和面图层合并为线图层。1、线转栅格转换工

    2025年8月20日
    5
  • 网络文件服务器_文件存储服务器

    网络文件服务器_文件存储服务器网络文件服务器:通过网络共享文件或文件夹,实现数据共享NAS(networkappendstorage)共享的是文件夹1.FTP文件服务器2.samba不同系统间的文件夹或设备共享不用系统

    2022年8月3日
    5
  • 讯飞星火如何导出PPT

    讯飞星火如何导出PPT

    2026年3月14日
    2

发表回复

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

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