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 相关文章推荐
让元素在网页中可拖动示例代码
Aug 13 Javascript
JavaScript基于ajax编辑信息用法实例
Jul 15 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
Jan 22 Javascript
老生常谈JavaScript 函数表达式
Sep 01 Javascript
jQuery简单倒计时效果完整示例
Sep 20 Javascript
jQuery和JavaScript节点插入元素的方法对比
Nov 18 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
vue登录路由验证的实现
Dec 13 Javascript
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
arctext.js实现文字平滑弯曲弧形效果的插件
May 13 Javascript
如何将JavaScript将数组转为树形结构
Jun 02 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 zend 相对路径问题
2009/01/12 PHP
PHP操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
php反射类ReflectionClass用法分析
2016/05/12 PHP
网页里控制图片大小的相关代码
2006/06/13 Javascript
用客户端js实现带省略号的分页
2013/04/27 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
javascript解三阶幻方(九宫格)
2015/04/22 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
利用Vue.js+Node.js+MongoDB实现一个博客系统(附源码)
2017/04/24 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
微信小程序实现的一键连接wifi功能示例
2019/04/24 Javascript
layui表格 列自动适应大小失效的解决方法
2019/09/06 Javascript
不刷新网页就能链接新的js文件方法总结
2020/03/01 Javascript
nuxt引入组件和公共样式的操作
2020/11/05 Javascript
从零学python系列之浅谈pickle模块封装和拆封数据对象的方法
2014/05/23 Python
跟老齐学Python之关于类的初步认识
2014/10/11 Python
Python教程之全局变量用法
2016/06/27 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
详解Python中如何写控制台进度条的整理
2018/03/07 Python
python spyder中读取txt为图片的方法
2018/04/27 Python
python实现在函数图像上添加文字和标注的方法
2019/07/08 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
sklearn中的交叉验证的实现(Cross-Validation)
2021/02/22 Python
Lentiamo比利时:便宜的隐形眼镜
2020/02/14 全球购物
大三学生入党思想汇报
2014/01/02 职场文书
2013年学期结束动员演讲稿
2014/01/07 职场文书
大学同学聚会邀请函
2014/01/29 职场文书
小组合作学习反思
2014/02/18 职场文书
旺仔牛奶广告词
2014/03/20 职场文书
协议书格式
2014/04/23 职场文书
彩妆大赛策划方案
2014/05/13 职场文书
2015年医药代表工作总结
2015/04/25 职场文书
python munch库的使用解析
2021/05/25 Python
mysql 带多个条件的查询方式
2021/06/05 MySQL
SQL实现LeetCode(176.第二高薪水)
2021/08/04 MySQL
vue中div禁止点击事件的实现
2022/04/02 Vue.js