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 相关文章推荐
JS画5角星方法介绍
Sep 17 Javascript
raphael.js绘制中国地图 地图绘制方法
Feb 12 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
Oct 16 Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
Feb 13 Javascript
JavaScript中的对象和原型(一)
Aug 12 Javascript
遍历json 对象的属性并且动态添加属性的实现
Dec 02 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
Jan 10 Javascript
Javascript实现的StopWatch功能示例
Jun 13 Javascript
详解JS数组Reduce()方法详解及高级技巧
Aug 18 Javascript
JavaScript中利用Array filter() 方法压缩稀疏数组
Feb 24 Javascript
JS如何实现动态添加的元素绑定事件
Nov 12 Javascript
JavaScript实现轮播图片完整代码
Mar 07 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
图片存储与浏览一例(Linux+Apache+PHP+MySQL)
2006/10/09 PHP
PHP使用DOMDocument类生成HTML实例(包含常见标签元素)
2014/06/25 PHP
PHP+Ajax+JS实现多图上传
2016/05/07 PHP
php 三大特点:封装,继承,多态
2017/02/19 PHP
如何在Laravel5.8中正确地应用Repository设计模式
2019/11/26 PHP
Open and Print a Word Document
2007/06/15 Javascript
javascript 屏蔽鼠标键盘的几段代码
2008/01/02 Javascript
基于jquery的给文章加入关键字链接
2010/10/26 Javascript
技术男用来对妹子表白的百度首页
2014/07/23 Javascript
JavaScript对数组进行随机重排的方法
2015/07/22 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
2016/04/29 Javascript
Angular.js组件之input mask对input输入进行格式化详解
2017/07/10 Javascript
jquery+css实现简单的图片轮播效果
2017/08/07 jQuery
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
jQuery+CSS实现的table表格行列转置功能示例
2018/01/08 jQuery
JQuery Ajax动态加载Table数据的实例讲解
2018/08/09 jQuery
深入浅析angular和vue还有jquery的区别
2018/08/13 jQuery
浅谈vue方法内的方法使用this的问题
2018/09/15 Javascript
vue 实现滚动到底部翻页效果(pc端)
2019/07/31 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
2020/11/19 Javascript
浅谈python中的占位符
2017/11/09 Python
Django 路由系统URLconf的使用
2018/10/11 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
tensorflow 报错unitialized value的解决方法
2020/02/06 Python
WINDOWS域的具体实现方式是什么
2014/02/20 面试题
法制宣传标语集锦
2014/06/25 职场文书
面试自我评价范文
2014/09/17 职场文书
网络销售员岗位职责
2015/04/11 职场文书
关于环保的宣传稿
2015/07/23 职场文书
2019消防宣传标语!
2019/07/10 职场文书
导游词之天津古文化街
2019/11/09 职场文书
Python字符串对齐方法使用(ljust()、rjust()和center())
2021/04/26 Python
Python自动化爬取天眼查数据的实现
2021/06/15 Python
详解redis在微服务领域的贡献
2021/10/16 Redis