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


Posted in Javascript onAugust 01, 2014

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("欢迎您访问简明现代魔法图书馆~~");

要注意下面两点:

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

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

显示好友列表时,在显示好友名字的<p></p>元素中设置:<p id="p${friend.friendId}"></p>,这样js文件就可以动态获取<p></p>元素的id,并顺利通过text()方法赋值$("#p"+userId).text(name);

Javascript 相关文章推荐
优化 JavaScript 代码的方法小结
Jul 16 Javascript
Javascript中Eval函数的使用
Mar 23 Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
js判断图片加载完成后获取图片实际宽高的方法
Feb 25 Javascript
JavaScript蒙板(model)功能的简单实现代码
Aug 04 Javascript
node.js实现回调的方法示例
Mar 01 Javascript
JS+HTML+CSS实现轮播效果
Nov 28 Javascript
angularjs的单选框+ng-repeat的实现方法
Sep 12 Javascript
Node.js实现用户评论社区功能(体验前后端开发的乐趣)
May 09 Javascript
vue自定义switch开关组件,实现样式可自行更改
Nov 01 Javascript
javascript json对象小技巧之键名作为变量用法分析
Nov 11 Javascript
js实现鼠标切换图片(无定时器)
Jan 27 Javascript
js中的getAttribute方法使用示例
Aug 01 #Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 #Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 #Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
Aug 01 #Javascript
批量修改标签css样式以input标签为例
Jul 31 #Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
Jul 31 #Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
Jul 31 #Javascript
You might like
Codeigniter的dom类用法实例
2015/06/26 PHP
linux mint下安装phpstorm2020包括JDK部分的教程详解
2020/09/17 PHP
打造基于jQuery的高性能TreeView(asp.net)
2011/02/23 Javascript
js事件(Event)知识整理
2012/10/11 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
2013/01/09 Javascript
jQuery之过滤元素操作小结
2013/11/30 Javascript
jquery动态添加option示例
2013/12/30 Javascript
实例详解jQuery结合GridView控件的使用方法
2016/01/04 Javascript
浅析Bootstrap组件之面板组件
2016/05/04 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
jQuery操作json常用方法示例
2017/01/04 Javascript
jQuery实现的上传图片本地预览效果简单示例
2018/03/29 jQuery
Vue利用History记录上一页面的数据方法实例
2018/11/02 Javascript
百度小程序自定义通用toast组件
2019/07/17 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
[54:58]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第一场 11.25
2020/11/25 DOTA
Python中使用PIL库实现图片高斯模糊实例
2015/02/08 Python
对变量赋值的理解--Pyton中让两个值互换的实现方法
2017/11/29 Python
使用requests库制作Python爬虫
2018/03/25 Python
Python实现读取SQLServer数据并插入到MongoDB数据库的方法示例
2018/06/09 Python
python利用requests库进行接口测试的方法详解
2018/07/06 Python
python发送告警邮件脚本
2018/09/17 Python
OpenCV里的imshow()和Matplotlib.pyplot的imshow()的实现
2019/11/25 Python
python3 tkinter实现添加图片和文本
2019/11/26 Python
Pytorch 定义MyDatasets实现多通道分别输入不同数据方式
2020/01/15 Python
pandas数据处理之绘图的实现
2020/06/15 Python
Python requests HTTP验证登录实现流程
2020/11/05 Python
Html5新标签解释及用法
2012/02/17 HTML / CSS
蛋白质世界:Protein World
2017/11/23 全球购物
泰国演唱会订票网站:StubHub泰国
2018/02/26 全球购物
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
单位实习证明怎么写
2014/01/17 职场文书
会计顶岗实习心得
2014/01/25 职场文书
领导班子三严三实对照检查材料
2014/09/25 职场文书
导游经典开场白——导游词
2019/04/17 职场文书
导游词之神仙居景区
2019/11/15 职场文书