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 相关文章推荐
跟随鼠标旋转的文字
Nov 30 Javascript
在JavaScript中监听IME键盘输入事件
May 29 Javascript
JS中判断null、undefined与NaN的方法
Mar 26 Javascript
jquery实现多行文字图片滚动效果示例代码
Oct 10 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
Sep 04 Javascript
深入浅析Node.js单线程模型
Jul 10 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
Jul 15 Javascript
微信小程序上传图片到服务器实例代码
Nov 07 Javascript
Vue 页面跳转不用router-link的实现代码
Apr 12 Javascript
微信二次分享报错invalid signature问题及解决方法
Apr 01 Javascript
一些可能会用到的Node.js面试题
Jun 15 Javascript
ES6之Proxy的get方法详解
Oct 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
将数字格式的计算结果转为汉字格式
2006/10/09 PHP
Windows下安装Memcached的步骤说明
2010/04/25 PHP
MySQL连接数超过限制的解决方法
2011/07/17 PHP
php Imagick获取图片RGB颜色值
2014/07/28 PHP
简单谈谈php延迟静态绑定
2016/01/26 PHP
PHP读取zip文件的方法示例
2016/11/17 PHP
thinkphp5 加载静态资源路径与常量的方法
2017/12/24 PHP
基于Jquery插件开发之图片放大镜效果(仿淘宝)
2011/11/19 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
实例详解jQuery结合GridView控件的使用方法
2016/01/04 Javascript
微信小程序-消息提示框实例
2016/11/24 Javascript
解决Vue页面固定滚动位置的处理办法
2017/07/13 Javascript
JS中promise化微信小程序api
2018/04/12 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
2020/05/27 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
2020/07/29 Javascript
详解微信小程序(Taro)手动埋点和自动埋点的实现
2021/03/02 Javascript
[46:28]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.23
2019/09/05 DOTA
python 实现归并排序算法
2012/06/05 Python
Python编程中的for循环语句学习教程
2015/10/14 Python
Python压缩解压缩zip文件及破解zip文件密码的方法
2015/11/04 Python
python开发之thread线程基础实例入门
2015/11/11 Python
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
详解python如何调用C/C++底层库与互相传值
2016/08/10 Python
python中利用zfill方法自动给数字前面补0
2018/04/10 Python
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
Python全栈之列表数据类型详解
2019/10/01 Python
python zip()函数使用方法解析
2019/10/31 Python
解决python和pycharm安装gmpy2 出现ERROR的问题
2020/08/28 Python
德国药房apodiscounter中文官网:德国排名前三的网上药店
2019/06/03 全球购物
假日旅行社实习自我鉴定
2013/09/24 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
县人大领导班子四风对照检查材料思想汇报
2014/10/09 职场文书
农民工工资承诺书大全
2015/05/04 职场文书
决心书格式及范文
2019/06/24 职场文书
导游词之珠海轮廓
2019/10/25 职场文书