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实现ASP分页函数 HTML分页函数
Sep 22 Javascript
Javascript与vbscript数据共享
Jan 09 Javascript
JavaScript 用Node.js写Shell脚本[译]
Sep 20 Javascript
EasyUI创建对话框的两种方式
Aug 23 Javascript
KnockoutJS 3.X API 第四章之事件event绑定
Oct 10 Javascript
jQuery监听文件上传实现进度条效果的方法
Oct 16 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
Apr 10 jQuery
JS通过位运算实现权限加解密
Aug 14 Javascript
vue项目上传Github预览的实现示例
Nov 06 Javascript
利用原生JavaScript实现造日历轮子实例代码
May 08 Javascript
layui select 禁止点击的实现方法
Sep 05 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
May 11 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微信公众平台配置接口开发程序
2016/09/22 PHP
php+js实现百度地图多点标注的方法
2016/11/30 PHP
实例分析基于PHP微信网页获取用户信息
2017/11/24 PHP
php工具型代码之印章抠图
2018/07/18 PHP
jQuery 开天辟地入门篇一
2009/12/09 Javascript
js最简单的拖拽效果实现代码
2010/09/24 Javascript
关于jQuery object and DOM element
2013/04/15 Javascript
JQuery验证jsp页面属性是否为空(实例代码)
2013/11/08 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
2014/01/13 Javascript
基于jquery实现日历签到功能
2020/09/11 Javascript
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
2017/07/19 jQuery
JS实现的全排列组合算法示例
2017/10/09 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
vue实现绑定事件的方法实例代码详解
2019/06/20 Javascript
Vue父组件如何获取子组件中的变量
2019/07/24 Javascript
基于Vue中使用节流Lodash throttle详解
2019/10/30 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
2020/05/09 Javascript
基于vue 动态菜单 刷新空白问题的解决
2020/08/06 Javascript
Python中Continue语句的用法的举例详解
2015/05/14 Python
Python 搭建Web站点之Web服务器与Web框架
2016/11/06 Python
python合并同类型excel表格的方法
2018/04/01 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
Django接收post前端返回的json格式数据代码实现
2019/07/31 Python
Python Map 函数的使用
2020/08/28 Python
Python用dilb提取照片上人脸的示例
2020/10/26 Python
python 调整图片亮度的示例
2020/12/03 Python
Jo Malone美国官网:祖玛珑香水
2017/03/27 全球购物
员工自我鉴定
2013/10/09 职场文书
自荐书封面下载
2013/11/29 职场文书
高分子材料与工程专业推荐信
2013/12/01 职场文书
服装行业创业计划书范文
2014/02/05 职场文书
安全生产汇报材料
2014/02/17 职场文书
活动总结新闻稿
2014/08/30 职场文书
车辆年审委托书范本
2014/09/18 职场文书