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 相关文章推荐
javascript背投广告代码的完善
Apr 08 Javascript
JS中setTimeout()的用法详解
Apr 14 Javascript
正负小数点后两位浮点数实现原理及代码
Sep 06 Javascript
js实现跨域访问的三种方法
Dec 09 Javascript
jQuery实现的导航下拉菜单效果
Jul 04 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
Jun 14 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
Oct 01 Javascript
Vue写一个简单的倒计时按钮功能
Apr 20 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
Sep 05 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 Javascript
vue+elementUI动态生成面包屑导航教程
Nov 04 Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 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字符串处理的10个简单方法
2010/06/30 PHP
php通过session防url攻击方法
2014/12/10 PHP
浅析PHP中Session可能会引起并发问题
2015/07/23 PHP
谈谈 PHP7新增功能
2015/12/16 PHP
PHP巧妙利用位运算实现网站权限管理的方法
2017/03/12 PHP
创建一个复制UBB软件信息的链接或按钮的js代码
2008/01/06 Javascript
js定时器怎么写?就是在特定时间执行某段程序
2013/10/11 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
2014/07/31 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
2015/11/29 Javascript
AngularJS手动表单验证
2016/02/01 Javascript
JS动态改变浏览器标题的方法
2016/04/06 Javascript
AngularJS中的包含详细介绍及实现示例
2016/07/28 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
Jquery删除css属性的简单方法
2016/12/04 Javascript
BootStrap导航栏问题记录
2017/07/31 Javascript
Node.js的Koa实现JWT用户认证方法
2018/05/05 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
2018/09/20 Javascript
js实现每日签到功能
2018/11/29 Javascript
Vue3.x源码调试的实现方法
2019/10/13 Javascript
JS面试题中深拷贝的实现讲解
2020/05/07 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
jQuery实现动态加载瀑布流
2020/09/01 jQuery
[01:29]2014DOTA2展望TI 剑指西雅图DK战队专访
2014/06/30 DOTA
Python控制键盘鼠标pynput的详细用法
2019/01/28 Python
在Python 中同一个类两个函数间变量的调用方法
2019/01/31 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
Python数组拼接np.concatenate实现过程
2020/04/18 Python
Python基于Twilio及腾讯云实现国际国内短信接口
2020/06/18 Python
浅析Python的命名空间与作用域
2020/11/25 Python
cookies应对python反爬虫知识点详解
2020/11/25 Python
Superdry极度乾燥官网:日本街头风格,纯英国制造品牌
2016/10/31 全球购物
乡镇信息公开实施方案
2014/03/23 职场文书
英文推荐信格式范文
2014/05/09 职场文书
班子个人四风问题整改措施
2014/10/04 职场文书
心术观后感
2015/06/11 职场文书