js 通过html()及text()方法获取并设置p标签的显示值


Posted in Javascript onMay 14, 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 相关文章推荐
js 编写规范
Mar 03 Javascript
JQuery 学习笔记01 JQuery初接触
May 06 Javascript
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
Jun 22 Javascript
用正则表达式替换图片地址img标签
Nov 22 Javascript
JavaScript实现存储HTML字符串示例
Apr 21 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
Jun 27 Javascript
js获取及判断键盘按键的方法
Dec 01 Javascript
ionic 3.0+ 项目搭建运行环境的教程
Aug 09 Javascript
vue实现鼠标移入移出事件代码实例
Mar 27 Javascript
jQuery中使用validate插件校验表单功能
May 24 jQuery
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
Jul 23 Javascript
vue移动端实现手机左右滑动入场动画
Jun 17 Javascript
JQuery教学之性能优化
May 14 #Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
May 14 #Javascript
javascript 中that的含义示例介绍
May 14 #Javascript
table insertRow、deleteRow定义和用法总结
May 14 #Javascript
jQuery 中国省市两级联动选择附图
May 14 #Javascript
全面兼容的javascript时间格式化函数(比较实用)
May 14 #Javascript
js实现图片拖动改变顺序附图
May 13 #Javascript
You might like
PHP语法速查表
2006/12/06 PHP
Blitz templates 最快的PHP模板引擎
2010/04/06 PHP
关于使用key/value数据库redis和TTSERVER的心得体会
2013/06/28 PHP
thinkphp3.x自定义Action、Model及View的简单实现方法
2016/05/19 PHP
PHP处理二进制数据的实现方法
2016/06/13 PHP
js 数组的for循环到底应该怎么写?
2010/05/31 Javascript
JavaScript中的面向对象介绍
2012/06/30 Javascript
jQuery取得select选择的文本与值的示例
2013/12/09 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
js判断当前页面在移动设备还是在PC端中打开
2016/01/06 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
js图片上传前预览功能(兼容所有浏览器)
2016/08/24 Javascript
基于mpvue的小程序项目搭建的步骤
2018/05/22 Javascript
vue实现的封装全局filter并统一管理操作示例
2020/02/02 Javascript
解决ant design vue 表格a-table二次封装,slots渲染的问题
2020/10/28 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
python在指定目录下查找gif文件的方法
2015/05/04 Python
Python的Tkinter点击按钮触发事件的例子
2019/07/19 Python
Python 50行爬虫抓取并处理图灵书目过程详解
2019/09/20 Python
tensorflow保持每次训练结果一致的简单实现
2020/02/17 Python
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
2013/07/04 HTML / CSS
澳大利亚工具仓库:Tools Warehouse
2018/10/15 全球购物
Etam俄罗斯:法国女士内衣和家居服网上商店
2019/10/30 全球购物
自荐书4要点
2014/01/25 职场文书
销售求职信范文
2014/05/26 职场文书
校庆标语集锦
2014/06/25 职场文书
中药学专业毕业生推荐信
2014/07/10 职场文书
年度优秀员工获奖感言
2014/08/15 职场文书
领导班子对照检查剖析材料
2014/10/13 职场文书
个人诉讼委托书范本
2014/10/17 职场文书
作文批改评语
2014/12/25 职场文书
护理专业自我评价
2015/03/11 职场文书
物资采购管理制度
2015/08/06 职场文书
商业计划书之服装
2019/09/09 职场文书
python flask开发的简单基金查询工具
2021/06/02 Python
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android