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 无废话系列教程(二) jquery实战篇上
Jun 23 Javascript
JS 自定义函数缺省值的设置方法
May 05 Javascript
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 Javascript
用于节点操作的API,颠覆原生操作HTML DOM节点的API
Dec 11 Javascript
JS模拟实现Select效果代码
Sep 24 Javascript
JavaScript中的定时器之Item23的合理使用
Oct 30 Javascript
js实现n秒倒计时后才可以点击的效果
Dec 20 Javascript
JS控件bootstrap suggest plugin使用方法详解
Mar 25 Javascript
jQuery实现所有验证通过方可提交的表单验证
Nov 21 jQuery
使用layer弹窗和layui表单实现新增功能
Aug 09 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
Vue路由模块化配置的完整步骤
Aug 14 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
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
PHP通过iconv将字符串从GBK转换为UTF8字符集
2011/07/18 PHP
深入探讨PHP中的内存管理问题
2011/08/31 PHP
php中引用符号(&amp;)的使用详解
2013/11/13 PHP
支持中文的PHP按字符串长度分割成数组代码
2015/05/17 PHP
PHP使用flock实现文件加锁的方法
2015/07/01 PHP
如何修改yii2.0自带的user表为其它的表
2017/08/01 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
用jquery实现学校的校历(asp.net+jquery ui 1.72)
2010/01/01 Javascript
原生javascript实现图片轮播效果代码
2010/09/03 Javascript
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
jquery中append()与appendto()用法分析
2014/11/14 Javascript
jQuery应用之jQuery链用法实例
2015/01/19 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
JavaScript DOM 对象深入了解
2016/07/20 Javascript
js实现贪吃蛇小游戏(容易理解)
2017/01/22 Javascript
Nodejs调用WebService的示例代码
2017/09/29 NodeJs
Vue全局分页组件的实现代码
2018/08/10 Javascript
浅谈vuex的基本用法和mapaction传值问题
2019/11/08 Javascript
python使用pdfminer解析pdf文件的方法示例
2018/12/20 Python
Python闭包装饰器使用方法汇总
2020/06/29 Python
python中id函数运行方式
2020/07/03 Python
css3 transform属性详解
2014/09/30 HTML / CSS
纯CSS3打造属于自己的“小黄人”
2016/03/14 HTML / CSS
印尼穆斯林时尚购物网站:Hijabenka
2016/12/10 全球购物
Debenhams爱尔兰:英国知名的百货公司
2017/01/02 全球购物
电子信息毕业生自荐信
2013/11/16 职场文书
留学推荐信写作指南
2014/01/25 职场文书
保护黄河倡议书
2014/05/16 职场文书
财务工作疏忽检讨书
2014/09/11 职场文书
2014年采购工作总结
2014/11/20 职场文书
英文感谢信范文
2015/01/21 职场文书
高一化学教学反思
2016/02/22 职场文书
springboot项目以jar包运行的操作方法
2021/06/30 Java/Android
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA