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 相关文章推荐
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 Javascript
js实时监听文本框状态的方法
Apr 26 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
window resize和scroll事件的基本优化思路
Apr 29 Javascript
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
easyui 中的datagrid跨页勾选问题的实现方法
Jan 18 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
Apr 24 Javascript
Web制作验证码功能实例代码
Jun 19 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
Jul 23 Javascript
详解Nuxt.js部署及踩过的坑
Aug 07 Javascript
JS实现点餐自动选择框(案例分析)
Dec 10 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中时间轴开发(刚刚、5分钟前、昨天10:23等)
2011/10/03 PHP
php限制文件下载速度的代码
2015/10/20 PHP
PHP仿微信发红包领红包效果
2016/10/30 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
2019/12/31 PHP
fromCharCode和charCodeAt 方法
2006/12/27 Javascript
js压缩利器
2007/02/20 Javascript
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
javascript鼠标跟随运动3种效果(眼球效果,苹果菜单,方向跟随)
2016/10/27 Javascript
js清除浏览器缓存的几种方法
2017/03/15 Javascript
JavaScript之class继承_动力节点Java学院整理
2017/07/03 Javascript
JS分页的实现(同步与异步)
2017/09/16 Javascript
web前端vue之CSS过渡效果示例
2018/01/10 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
2018/07/13 Javascript
在移动端使用vue-router和keep-alive的方法示例
2018/12/02 Javascript
vue学习笔记之slot插槽基本用法实例分析
2020/02/01 Javascript
Python守护线程用法实例
2017/06/23 Python
使用python 和 lint 删除项目无用资源的方法
2017/12/20 Python
python实现textrank关键词提取
2018/06/22 Python
python 实现数字字符串左侧补零的方法
2018/12/04 Python
详解python执行shell脚本创建用户及相关操作
2019/04/11 Python
Python 2种方法求某个范围内的所有素数(质数)
2020/01/31 Python
python+selenium+chromedriver实现爬虫示例代码
2020/04/10 Python
GitHub上值得推荐的8个python 项目
2020/10/30 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
体验完美剃须:The Art of Shaving
2018/08/06 全球购物
医学专业大学生求职的自我评价
2013/11/27 职场文书
法律六进活动方案
2014/03/13 职场文书
小学安全教育月活动总结
2014/07/07 职场文书
学生无故旷课检讨书
2014/09/20 职场文书
无财产离婚协议书范本
2014/10/28 职场文书
酒店人事专员岗位职责
2015/04/07 职场文书
母亲节主题班会
2015/08/14 职场文书