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 相关文章推荐
prototype Element学习笔记(篇二)
Oct 26 Javascript
瀑布流布局代码一例
Apr 11 Javascript
常用原生JS兼容性写法汇总
Apr 27 Javascript
JavaScript中省略元素对数组长度的影响
Oct 26 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
Dec 21 Javascript
vue.js框架实现表单排序和分页效果
Aug 09 Javascript
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
JavaScript实现鼠标滚轮控制页面图片切换功能示例
Oct 14 Javascript
微信小程序数据存储与取值详解
Jan 30 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
在Mac下彻底卸载node和npm的方法
May 16 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
Dec 09 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
使用无限生命期Session的方法
2006/10/09 PHP
php字符编码转换之gb2312转为utf8
2013/10/28 PHP
ThinkPHP之N方法实例详解
2014/06/20 PHP
php 无限分类 树形数据格式化代码
2016/10/11 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
2016/12/07 PHP
phpcms实现验证码替换及phpcms实现全站搜索功能教程详解
2017/12/13 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
2010/03/09 Javascript
node.js中的emitter.on方法使用说明
2014/12/10 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
2015/03/04 Javascript
js+css实现select的美化效果
2016/03/24 Javascript
浅谈js原生拖放
2016/11/21 Javascript
easyui-datagrid特殊字符不能显示的处理方法
2017/04/12 Javascript
深入理解ES6学习笔记之块级作用域绑定
2017/08/19 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
2017/10/20 Javascript
Node.js中的不安全跳转如何防御详解
2018/10/21 Javascript
jQuery实现的别踩白块小游戏完整示例
2019/01/07 jQuery
javascript异步处理与Jquery deferred对象用法总结
2019/06/04 jQuery
js 实现ajax发送步骤过程详解
2019/07/25 Javascript
微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能(函数防抖)
2019/09/19 Javascript
微信小程序实现上传多张图片、删除图片
2020/07/29 Javascript
python使用urllib模块和pyquery实现阿里巴巴排名查询
2014/01/16 Python
Yummie官方网站:塑身衣和衣柜必需品
2019/10/29 全球购物
Python中如何定义一个函数
2016/09/06 面试题
前台文员的岗位职责
2013/11/14 职场文书
统计岗位职责
2014/02/21 职场文书
教师年度考核评语
2014/04/28 职场文书
小学生读书活动总结
2014/06/30 职场文书
公民授权委托书范本
2014/09/17 职场文书
离职证明范本(5篇)
2014/09/19 职场文书
党的群众路线教育实践活动个人对照检查材料(教师)
2014/11/04 职场文书
老公写给老婆的检讨书
2015/05/06 职场文书
地道战观后感300字
2015/06/04 职场文书
教你用Python写一个植物大战僵尸小游戏
2021/04/25 Python
MYSQL优化之数据表碎片整理详解
2022/04/03 MySQL