html()方法可以用来读取或者设置某个元素中的HTML内容,text()方法可以用来读取或者没置某个元素中的文本内容

html()方法

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

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

如果需要设置某元素的HTML代码,那么也可以使用该方法,不过需要为它传递一个参数。例如要设置p元素的HTML代码,可以使用如下代码:

//设置p元素的HTML代码

$("p").html("欢迎您访问简明现代魔法图书馆~~");

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

text()方法

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

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

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

// 设置p元素的文本内容

$("p").text("欢迎您访问简明现代魔法图书馆~~");

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

text()方法

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

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

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

// 设置p元素的文本内容

要注意下面两点:

JavaScript中的innerText属性并不能在Firefox浏览器下运行,而jQuery的text()方法支持所有的浏览器.

text()方法对HTML文档和XML文档都有效。

显示好友列表时,在显示好友名字的

$("p").text("欢迎您访问简明现代魔法图书馆~~");

更多信息请查看IT技术专栏

html 获取p 属性值,js使用html()或text()方法获取设置p标签的显示的值相关推荐

  1. php获取p标签的值,js使用html()或text()方法获取设置p标签的显示的值

    html()方法 此方法类似于JavaScript中的innerHTML属性,可以用来读取或者设置某个元素中的HTML内容.要获取某个元素的内容,可以这样: var p_html = $(" ...

  2. js快捷获取超链接参数和修改超链接(新增URLSearchParams方法获取参数)

    //https://www.baidu.com?sjry=111function GetRequest() {var url = location.search;var theRequest = ne ...

  3. chart.js ajax 折线图,如何在ChartJs 的折线图中显示数据值或索引标签

    如何在Chartjs的折线图中显示数据值或索引值,如图所示: 图例.PNG 简介 Chart.js是一款不依赖任何外部js库的图标插件,具体的使用方法可查看Chart.js官网. 需求 Chart.j ...

  4. 获取cookie_抢券第一课:三种方法获取Cookie

    现在分享京东抢券是不是不合适?毕竟还没有到双十一或者其他京东大促的时间. 记得以往京东还有那种神券299减200,399减300.基本上都是到点进行抢购,而且还不一定能抢到.不过今天先来分享获取Coo ...

  5. php获取post表单数据_PHP get和post方法获取form表单数据

    在 PHP 中使用 get 和 post 两种方法接收来自 form 表单的值,在 form 表单中可以定义 PHP 的接收方式和接收地址. get 和 post 方法主要有以下几点区别. get 是 ...

  6. this ts 方法获取_vue+typescript项目中用this.$refs和原生方法获取的dom有什么区别

    项目中使用vue+typescript 使用this.$refs.refsName和document.querySelector打印出来的结果是一样的 但是当使用API是.$refs获得的DOM就报错 ...

  7. 使用js设置ul标签的显示或隐藏和超链接调用js文件的方法

    <ul class="nav" id="rm" style='display:none'> <li>   <a href='#' ...

  8. python调用函数获取最开始的异常_Python使用sys.exc_info()方法获取异常信息

    在实际调试程序的过程中,有时只获得异常的类型是远远不够的,还需要借助更详细的异常信息才能解决问题. 捕获异常时,有 2 种方式可获得更多的异常信息,分别是: 使用 sys 模块中的 exc_info ...

  9. js动态修改html标签属性,通过js动态创建标签,并设置属性方法

    当我们在写jsp页面时,往往会遇到这种情况:从后台获取的数据个数不确定,此时在前端写jsp页面时也就不确定怎么设计了.这个时候就需要通过js动态创建标签: 1.创建某个标签:如下在body中创建一个d ...

最新文章

  1. 四.Android adb命令(持续更新...)
  2. Node.js 极简入门Helloworld版服务器例子
  3. 23.IntelliJ IDEA 常用设置-1
  4. 西伯利亚(Siberia)冷空气
  5. 《算法竞赛入门经典》第一章1.5
  6. Java 枚举7常见种用法
  7. Java中的ClassLoader
  8. 2017.3.29 报表统计 思考记录
  9. 我知道有中年危机,但没想到这么不堪
  10. 绘制隐藏层的激活值的分布[直方图]
  11. SPP-net学习总结及Python实现
  12. 小端法、大端法、网络字节转序
  13. Digilent提供的PmodOLEDrgb驱动程序
  14. unity 动画 音频播放
  15. 数学与计算机科学奖王小云,2019 数学与计算机科学奖 获奖人 —— 王小云 - 未来科学大奖...
  16. 如何使用ListView分页
  17. The following packages are not available
  18. android 百度地图 itemizedoverlay,[008] 百度地图API之ItemizedOverlay的使用(Android) .
  19. 通用验证方法学(Universal Verification Methodology, UVM):简介及内容导航
  20. 【matlab】输入一字符串,字母大写变小写,小写变大写。

热门文章

  1. VMware Workstation 12 Pro安装过程(详细安装)
  2. pycharm 激活码及使用方式
  3. 光纤环形器有什么作用?
  4. 讲座笔记 | 管理世界论文
  5. 数据质量控制理论与实践经验
  6. AC-DC单相全波可控整流电路
  7. vue自定义指令-加载指令v-loading和占位图指令v-showimg
  8. Android权限设置大全
  9. Redis深度历险-Redis Stream
  10. 有道翻译API+Jackson+HttpClient