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 相关文章推荐
Jquery优化效率 提升性能解决方案
Sep 06 Javascript
函数式 JavaScript(一)简介
Jul 07 Javascript
jQuery实现为图片添加镜头放大效果的方法
Jun 25 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
Oct 26 Javascript
微信小程序 点击控件后选中其它反选实例详解
Feb 21 Javascript
Vue实现todolist删除功能
Jun 26 Javascript
详解element-ui中表单验证的三种方式
Sep 18 Javascript
一起写一个即插即用的Vue Loading插件实现
Oct 31 Javascript
Bootstrap告警框(alert)实现弹出效果和短暂显示后上浮消失的示例代码
Aug 27 Javascript
vue配置多代理服务接口地址操作
Sep 08 Javascript
详解TypeScript中的类型保护
Apr 29 Javascript
Vue CLI中模式与环境变量的深入详解
May 30 Vue.js
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+mysql写的留言本
2006/10/09 PHP
ThinkPHP中Session用法详解
2014/11/29 PHP
php服务器的系统详解
2019/10/12 PHP
动态控制Table的js代码
2007/03/07 Javascript
用ASP将SQL搜索出来的内容导出为TXT的代码
2007/07/27 Javascript
监控 url fragment变化的js代码
2010/04/19 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
2014/05/26 Javascript
Javascript简单改变表单元素背景的方法
2015/07/15 Javascript
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
自动化测试读写64位操作系统的注册表
2016/08/15 Javascript
Vue2.0设置全局样式(less/sass和css)
2017/11/18 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
2018/01/18 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
vue实现自定义多选与单选的答题功能
2018/07/05 Javascript
webpack4 CSS Tree Shaking的使用
2018/09/03 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
2019/03/26 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
Vue实现点击当前行变色
2020/12/14 Vue.js
微信小程序抽奖组件的使用步骤
2021/01/11 Javascript
python中使用zip函数出现错误的原因
2018/09/28 Python
Python脚本利用adb进行手机控制的方法
2019/07/08 Python
Python求平面内点到直线距离的实现
2020/01/19 Python
Python创建简单的神经网络实例讲解
2021/01/04 Python
HTML5网页录音和上传到服务器支持PC、Android,支持IOS微信功能
2019/04/26 HTML / CSS
Stubhub英国:购买体育、演唱会和剧院门票
2018/06/10 全球购物
英国在线滑雪板和冲浪商店:The Board Basement
2020/01/11 全球购物
广州迈达威.net面试题目
2012/03/10 面试题
shell程序如何生命变量?shell变量是弱变量吗?
2014/11/10 面试题
优秀员工个人的自我评价
2013/11/29 职场文书
农民工工资发放承诺书
2014/03/31 职场文书
放飞中国梦演讲稿
2014/04/23 职场文书
法人委托书的范本格式
2014/09/11 职场文书
Redis源码阅读:Redis字符串SDS详解
2021/07/15 Redis
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python
教你nginx跳转配置的四种方式
2022/07/07 Servers