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 相关文章推荐
JavaScript入门教程(10) 认识其他对象
Jan 31 Javascript
JavaScript三元运算符的多种使用技巧
Apr 16 Javascript
JS中使用FormData上传文件、图片的方法
Aug 07 Javascript
Bootstrap基本模板的使用和理解1
Dec 14 Javascript
JavaScript 事件对内存和性能的影响
Jan 22 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
Feb 12 Javascript
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
vuex 多模块时 模块内部的mutation和action的调用方式
Jul 24 Javascript
JS轮播图的实现方法
Aug 24 Javascript
如何正确解决VuePress本地访问出现资源报错404的问题
Dec 03 Vue.js
Vue 实例中使用$refs的注意事项
Jan 29 Vue.js
Vue如何清空对象
Mar 03 Vue.js
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
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
javascript实现动态CSS换肤技术的脚本
2007/06/29 Javascript
jquery 读取页面load get post ajax 四种方式代码写法
2011/04/02 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
2015/01/09 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
2015/05/11 Javascript
JS中递归函数
2016/06/17 Javascript
js仿百度切换皮肤功能(html+css)
2016/07/10 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
2016/08/08 Javascript
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
利用jQuery实现简单的拖曳效果实例代码
2017/10/20 jQuery
JavaScript生成指定范围的时间列表
2018/03/19 Javascript
微信小程序中为什么使用var that=this
2019/08/27 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
vue使用showdown并实现代码区域高亮的示例代码
2019/10/17 Javascript
vue中使用vue-print.js实现多页打印
2020/03/05 Javascript
react ant Design手动设置表单的值操作
2020/10/31 Javascript
[44:01]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS paiN
2018/03/31 DOTA
python如何查看系统网络流量的信息
2016/09/12 Python
python基本语法练习实例
2017/09/19 Python
django解决订单并发问题【推荐】
2019/07/31 Python
python实现的爬取电影下载链接功能示例
2019/08/26 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
python实现字符串和数字拼接
2020/03/02 Python
解决keras GAN训练是loss不发生变化,accuracy一直为0.5的问题
2020/07/02 Python
利用CSS3的特性改变文本选中时的颜色
2013/09/11 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
Sarenza德国:法国最大的时尚鞋和包包网上商店
2019/06/08 全球购物
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
简述安装Slackware Linux系统的过程
2012/05/08 面试题
12.4全国法制宣传日活动总结
2014/11/01 职场文书
物业工程部主管岗位职责
2015/04/16 职场文书
工程催款通知书
2015/04/17 职场文书
汉字听写大会观后感
2015/06/12 职场文书
行政复议决定书
2015/06/24 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
Python读取文件夹下的所有文件实例代码
2021/04/02 Python