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在IE中“意外地调用了方法或属性访问”
Nov 19 Javascript
基于jquery的滚动条滚动固定div(附演示下载)
Oct 29 Javascript
javascript中比较字符串是否相等的方法
Jul 23 Javascript
JSuggest自动匹配下拉框使用方法(示例代码)
Dec 27 Javascript
登陆成功后自动计算秒数执行跳转
Jan 23 Javascript
mui框架移动开发初体验详解
Oct 11 Javascript
JS简单实现点击跳转登陆邮箱功能的方法
Oct 31 Javascript
vue判断input输入内容全是空格的方法
Mar 02 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
Jun 11 Javascript
webpack4之SplitChunksPlugin使用指南
Jun 12 Javascript
js实现拖动缓动效果
Jan 13 Javascript
ECharts transform数据转换和dataZoom在项目中使用
Dec 24 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
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
全面了解PHP中的全局变量
2016/06/17 PHP
php fread函数使用方法总结
2019/05/28 PHP
JavaScript 核心参考教程 内置对象
2009/10/13 Javascript
JavaScript类属性的访问方式详解
2014/02/11 Javascript
node.js中的fs.writeSync方法使用说明
2014/12/15 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
DWR中各种java方法的调用
2016/05/04 Javascript
JS快速实现移动端拼图游戏
2016/09/05 Javascript
基于JS组件实现拖动滑块验证功能(代码分享)
2016/11/18 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
jQuery滑动效果实现方法分析
2018/09/05 jQuery
解决Layui中layer报错的问题
2019/09/03 Javascript
微信小程序之左右布局的实现代码
2019/12/13 Javascript
基于vue 动态菜单 刷新空白问题的解决
2020/08/06 Javascript
PyQt5每天必学之单行文本框
2018/04/19 Python
使用Python将Mysql的查询数据导出到文件的方法
2019/02/25 Python
Django REST framework 分页的实现代码
2019/06/19 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
python批量合成bilibili的m4s缓存文件为MP4格式 ver2.5
2020/12/01 Python
Nike澳大利亚官网:Nike.com (AU)
2019/06/03 全球购物
机械工程师的岗位职责
2013/11/17 职场文书
大学生个人推荐信范文
2013/11/25 职场文书
车辆工程专业求职信
2014/04/28 职场文书
知识改变命运演讲稿
2014/05/21 职场文书
2014年优秀党员材料
2014/12/18 职场文书
无锡灵山大佛导游词
2015/02/09 职场文书
民主评议党员个人自我评价
2015/03/03 职场文书
学校党员干部承诺书
2015/05/04 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书
python绘图subplots函数使用模板的示例代码
2021/04/30 Python
SqlServer数据库远程连接案例教程
2021/07/15 SQL Server
Redis高并发缓存架构性能优化
2022/05/15 Redis