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 相关文章推荐
用jscript启动sqlserver
Jun 21 Javascript
js程序中美元符号$是什么
Jun 05 Javascript
Js 订制自己的AlertBox(信息提示框)
Jan 09 Javascript
JavaScript isArray()函数判断对象类型的种种方法
Oct 11 Javascript
jquery select(列表)的操作(取值/赋值)
Mar 16 Javascript
JavaScript全排列的六种算法 具体实现
Jun 29 Javascript
分享JavaScript与Java中MD5使用两个例子
Dec 23 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
js实现精确到毫秒的倒计时效果
Aug 05 Javascript
纯javaScript、jQuery实现个性化图片轮播【推荐】
Jan 08 Javascript
react 应用多入口配置及实践总结
Oct 17 Javascript
vue数据初始化initState的实例详解
Apr 11 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
2006/11/25 PHP
PHP高级对象构建 多个构造函数的使用
2012/02/05 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
php读取文件内容的方法汇总
2015/01/24 PHP
php制作简单模版引擎
2016/04/07 PHP
IOS 开发之NSDictionary转换成JSON字符串
2017/08/14 PHP
如何通过Apache在本地配置多个虚拟主机
2020/07/29 PHP
Javascript中call与apply的学习笔记
2014/09/22 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
jQuery EasyUi实战教程之布局篇
2016/01/26 Javascript
js实现简单的碰壁反弹效果
2016/08/30 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
2017/03/07 Javascript
js字符串与Unicode编码互相转换
2017/05/17 Javascript
解决webpack打包速度慢的解决办法汇总
2017/07/06 Javascript
Vue Router去掉url中默认的锚点#
2018/08/01 Javascript
[47:04]LGD vs infamous Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
Python常用时间操作总结【取得当前时间、时间函数、应用等】
2017/05/11 Python
Python简单实现自动删除目录下空文件夹的方法
2017/08/29 Python
Django框架组成结构、基本概念与文件功能分析
2019/07/30 Python
python3实现用turtle模块画一棵随机樱花树
2019/11/21 Python
postman和python mock测试过程图解
2020/02/22 Python
amazeui树节点自动展开折叠面板并选中第一个树节点的实现
2020/08/24 HTML / CSS
阿里健康官方海外旗舰店:阿里健康国际自营
2017/11/24 全球购物
加拿大建筑和装修专家:Reno-Depot
2017/12/21 全球购物
SHEIN香港:价格实惠的女性时尚服装
2018/08/14 全球购物
澳大利亚最好的电动自行车:Leon Cycle
2020/12/19 全球购物
汽车运用工程系毕业生自荐信
2013/12/27 职场文书
安全标准化实施方案
2014/02/20 职场文书
工程资料员岗位职责
2014/03/10 职场文书
学校学雷锋活动总结
2014/06/26 职场文书
股权转让协议书
2014/12/07 职场文书
2015年外联部工作总结
2015/04/03 职场文书
检察院起诉书
2015/05/20 职场文书
同乡会致辞
2015/07/30 职场文书
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL