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 相关文章推荐
eval与window.eval的差别分析
Mar 17 Javascript
JavaScript判断密码强度(自写代码)
Sep 06 Javascript
js替代copy(示例代码)
Nov 27 Javascript
JS实现CheckBox复选框全选全不选功能
May 06 Javascript
利用jQuery和CSS将背景图片拉伸
Oct 16 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
Mar 07 Javascript
Bootstrap轮播插件中图片变形的终极解决方案 使用jqthumb.js
Jul 10 Javascript
Vue实现动态显示textarea剩余字数
May 22 Javascript
js弹性势能动画之抛物线运动实例详解
Jul 27 Javascript
JavaScript获取用户所在城市及地理位置
Apr 21 Javascript
JavaScript执行环境及作用域链实例分析
Aug 01 Javascript
Vue export import 导入导出的多种方式与区别介绍
Feb 12 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和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
php 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
PHP中对于浮点型的数据需要用不同的方法解决
2014/03/11 PHP
showModelessDialog()使用详解
2006/09/07 Javascript
利用javascript中的call实现继承
2007/01/22 Javascript
javascript 自定义事件初探
2009/08/21 Javascript
jQuery.getScript加载同域JS的代码
2012/02/13 Javascript
jquery全选checkBox功能实现代码(取消全选功能)
2013/12/10 Javascript
jquery滚动特效集锦
2015/06/03 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
2017/05/12 Javascript
React Native 环境搭建的教程
2017/08/19 Javascript
vue.js-div滚动条隐藏但有滚动效果的实现方法
2018/03/03 Javascript
改变vue请求过来的数据中的某一项值的方法(详解)
2018/03/08 Javascript
详解微信小程序的 request 封装示例
2018/08/21 Javascript
使用JS实现导航切换时高亮显示的示例讲解
2018/08/22 Javascript
详解微信小程序用定时器实现倒计时效果
2019/04/30 Javascript
如何优雅地取消 JavaScript 异步任务
2020/03/22 Javascript
详细分析JavaScript中的深浅拷贝
2020/09/17 Javascript
[07:49]2014DOTA2国际邀请赛 Newbee夺冠后采访xiao8坦言奖金会上交
2014/07/23 DOTA
python黑魔法之参数传递
2016/02/12 Python
使用python3.5仿微软记事本notepad
2016/06/15 Python
Python实现通过文件路径获取文件hash值的方法
2017/04/29 Python
python顺序的读取文件夹下名称有序的文件方法
2018/07/11 Python
Python解决线性代数问题之矩阵的初等变换方法
2018/12/12 Python
python实现五子棋人机对战游戏
2020/03/25 Python
Anaconda之conda常用命令介绍(安装、更新、删除)
2019/10/06 Python
Python动态声明变量赋值代码实例
2019/12/30 Python
python分别打包出32位和64位应用程序
2020/02/18 Python
Django配置跨域并开发测试接口
2020/11/04 Python
史泰博(Staples)中国官方网站:办公用品一站式采购
2016/09/05 全球购物
土耳其时尚购物网站:Morhipo
2017/09/04 全球购物
描述内存分配方式以及它们的区别
2016/10/15 面试题
JavaScript实现页面动态验证码的实现示例
2021/03/23 Javascript
高分子材料与工程专业推荐信
2013/12/01 职场文书
销售个人求职信范文
2014/04/28 职场文书