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 相关文章推荐
漂亮的仿flash菜单,来自蓝色经典
Jun 26 Javascript
JavaScript 事件参考手册
Dec 24 Javascript
jquery焦点图片切换(数字标注/手动/自动播放/横向滚动)
Jan 24 Javascript
JS 有趣的eval优化输入验证实例代码
Sep 22 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
Jun 26 Javascript
JavaScript中匿名函数用法实例
Mar 23 Javascript
ES6中的rest参数与扩展运算符详解
Jul 18 Javascript
如何理解Vue的作用域插槽的实现原理
Aug 19 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
Nov 01 Javascript
vue 返回上一页,页面样式错乱的解决
Nov 14 Javascript
Node.js API详解之 os模块用法实例分析
May 06 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
第十二节--类的自动加载
2006/11/16 PHP
window+nginx+php环境配置 附配置搭配说明
2010/12/29 PHP
PHP数组array类常见操作示例
2020/05/15 PHP
javascript之可拖动的iframe效果代码
2008/08/01 Javascript
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
Javascript图像处理—虚拟边缘介绍及使用方法
2012/12/27 Javascript
js中传递特殊字符(+,&amp;)的方法
2014/01/16 Javascript
js插件设置innerHTML时在IE8下提示“未知运行时错误”解决方法
2015/04/25 Javascript
Jquery判断form表单数据是否变化
2016/03/30 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
2016/09/21 Javascript
网页挂马方式整理及详细介绍
2016/11/03 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
NodeJS服务器实现gzip压缩的示例代码
2018/10/12 NodeJs
NodeJs之word文件生成与解析的实现代码
2019/04/01 NodeJs
Python实现提取文章摘要的方法
2015/04/21 Python
详解Python中break语句的用法
2015/05/14 Python
Python性能提升之延迟初始化
2016/12/04 Python
Linux(Redhat)安装python3.6虚拟环境(推荐)
2018/05/05 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
Python对ElasticSearch获取数据及操作
2019/04/24 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
Pytorch中.new()的作用详解
2020/02/18 Python
菲律宾优惠券网站:MetroDeal
2019/04/12 全球购物
Richards网上商店:当代时尚,遍布巴西
2019/11/03 全球购物
如果NULL定义成#define NULL((char *)0)难道不就可以向函数传入不加转换的NULL了吗
2012/02/15 面试题
机电专业毕业生推荐信
2013/11/10 职场文书
大学生文员专业个人求职信范文
2014/01/05 职场文书
syb养殖创业计划书
2014/01/09 职场文书
公务员职业生涯规划书范文  
2014/01/19 职场文书
社区志愿者培训方案
2014/06/10 职场文书
行政执法队伍作风整顿个人剖析材料
2014/10/11 职场文书
佛光寺导游词
2015/02/10 职场文书
班委竞选稿范文
2015/11/21 职场文书
详解Java线程池是如何重复利用空闲线程的
2021/06/26 Java/Android
Django框架中模型的用法
2022/06/10 Python
MySQL新手入门进阶语句汇总
2022/09/23 MySQL