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 相关文章推荐
jquery.qrcode在线生成二维码使用示例
Aug 21 Javascript
javascript计算用户打开网页的停留时间
Jan 09 Javascript
javascript闭包入门示例
Apr 30 Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
Sep 01 Javascript
浅谈 javascript 事件处理
Jan 04 Javascript
AngularJS模块管理问题的非常规处理方法
Apr 29 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
Feb 20 Javascript
JavaScript实现实时更新系统时间的实例代码
Apr 04 Javascript
JavaScript实现快速排序的方法分析
Jan 10 Javascript
2019 年编写现代 JavaScript 代码的5个小技巧(小结)
Jan 15 Javascript
原生js实现五子棋游戏
May 28 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
来自PHP.NET的入门教程
2006/10/09 PHP
PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法
2016/11/25 PHP
php中字符串和整数比较的操作方法
2019/06/06 PHP
Prototype使用指南之form.js
2007/01/10 Javascript
Jquery刷新页面背景图片随机变换的实现方法
2013/03/15 Javascript
Javascript变量作用域详解
2013/12/06 Javascript
jQuery中用dom操作替代正则表达式
2014/12/29 Javascript
jQuery中wrapInner()方法用法实例
2015/01/16 Javascript
AngularJS基础 ng-open 指令简单实例
2016/08/02 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
2017/01/13 Javascript
javascript 判断当前浏览器版本并判断ie版本
2017/02/17 Javascript
Vue.js路由vue-router使用方法详解
2017/03/20 Javascript
理解Angular的providers给Http添加默认headers
2017/07/04 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
2017/08/10 Javascript
Node.js fs模块(文件模块)创建、删除目录(文件)读取写入文件流的方法
2019/09/03 Javascript
vue内置组件keep-alive事件动态缓存实例
2020/10/30 Javascript
Python ORM框架SQLAlchemy学习笔记之关系映射实例
2014/06/10 Python
python使用opencv读取图片的实例
2017/08/17 Python
Python网络编程详解
2017/10/31 Python
使用python 爬虫抓站的一些技巧总结
2018/01/10 Python
对python中的xlsxwriter库简单分析
2018/05/04 Python
Python用csv写入文件_消除空余行的方法
2018/07/06 Python
Sanic框架基于类的视图用法示例
2018/07/18 Python
详解django中url路由配置及渲染方式
2019/02/25 Python
浅谈Python3识别判断图片主要颜色并和颜色库进行对比的方法
2019/10/25 Python
python将dict中的unicode打印成中文实例
2020/05/11 Python
Django中Aggregation聚合的基本使用方法
2020/07/09 Python
美国高档百货Nordstrom的折扣店:Nordstrom Rack
2017/11/13 全球购物
25岁生日感言
2014/01/13 职场文书
公司门卫的岗位职责
2014/02/19 职场文书
质量保证书范本
2014/04/29 职场文书
医学检验专业自荐信
2014/09/18 职场文书
总结会主持词
2015/07/02 职场文书
Python 全局空间和局部空间
2022/04/06 Python
为自由献出你的心脏!「进击的巨人展 FINAL」2022年6月在台开展
2022/04/13 日漫
SQL Server中使用表变量和临时表
2022/05/20 SQL Server