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 TextBox自动完成条
Jul 22 Javascript
为jQuery.Treeview添加右键菜单的实现代码
Oct 22 Javascript
jQuery布局插件UI Layout简介及使用方法
Apr 03 Javascript
js阻止事件追加的具体实现
Oct 15 Javascript
JS脚本根据手机浏览器类型跳转WAP手机网站(两种方式)
Aug 04 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
Aug 08 Javascript
Javasript设计模式之链式调用详解
Apr 26 Javascript
解析vue路由异步组件和懒加载案例
Jun 08 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
Oct 14 Javascript
Node.JS发送http请求批量检查文件中的网页地址、服务是否有效可用
Nov 20 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
Apr 26 Javascript
Electron实现应用打包、自动升级过程解析
Jul 07 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
php4的彩蛋
2006/10/09 PHP
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
Thinkphp页面跳转设置跳转等待时间的操作
2019/10/16 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
IE8下关于querySelectorAll()的问题
2010/05/13 Javascript
js比较和逻辑运算符的介绍
2013/03/10 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
2013/05/13 Javascript
JavaScript之数组(Array)详解
2015/04/01 Javascript
介绍JavaScript中Math.abs()方法的使用
2015/06/14 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
JQuery 动态生成Table表格实例代码
2016/12/02 Javascript
jQuery实现验证码功能
2017/03/17 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
微信小程序动态添加view组件的实例代码
2019/05/23 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
用Nodejs实现在终端中炒股的实现
2020/10/18 NodeJs
浅谈nuxtjs校验登录中间件和混入(mixin)
2020/11/06 Javascript
[54:08]LGD女子刀塔学院 DOTA2炼金术士教学
2014/01/09 DOTA
Python3爬楼梯算法示例
2019/03/04 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
解决python 找不到module的问题
2020/02/12 Python
Python魔术方法专题
2020/06/19 Python
Sunglasses Shop德国站:欧洲排名第一的太阳镜网站
2017/08/01 全球购物
美国名表在线商城:Ashford(支持中文)
2019/09/24 全球购物
升职自荐信
2013/11/28 职场文书
员工培训心得体会
2013/12/30 职场文书
料理师求职信
2014/01/30 职场文书
外语系毕业生求职自荐信
2014/04/12 职场文书
在校实习生求职信
2014/06/18 职场文书
教师年终个人总结
2015/02/11 职场文书
建筑工地资料员岗位职责
2015/04/13 职场文书
退休职工欢送会致辞
2015/08/01 职场文书
资产移交协议书
2016/03/24 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书
《异世界四重奏》剧场版6月10日上映 PV视觉图原创角色发表
2022/03/20 日漫
Dubbo+zookeeper搭配分布式服务的过程详解
2022/04/03 Java/Android