JQuery获取与设置HTML元素的内容或文本的实现代码


Posted in Javascript onJune 20, 2014

先来看看演示效果:

欢迎访问三水点靠木PHP教程

  • 三水点靠木PHP教程
  • 简单易懂的JavaScript魔法
  • 简单易懂的JQuery魔法

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("欢迎您访问三水点靠木教程~~");

要注意下面两点:

1.JavaScript中的innerText属性并不能在Firefox浏览器下运行,而jQuery的text()方法支持所有的浏览器.
2.text()方法对HTML文档和XML文档都有效。

Javascript 相关文章推荐
图片自动缩小的js代码,用以防止图片撑破页面
Mar 12 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
Oct 29 Javascript
json原理分析及实例介绍
Nov 29 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
Jul 12 Javascript
jQuery动态修改超链接地址的方法
Feb 13 Javascript
JavaScript实现计算字符串中出现次数最多的字符和出现的次数
Mar 12 Javascript
使用DeviceOne实现微信小程序功能
Dec 29 Javascript
激动人心的 Angular HttpClient的源码解析
Jul 10 Javascript
JS按钮闪烁功能的实现代码
Jul 21 Javascript
使用Vue构建可重用的分页组件
Mar 26 Javascript
浅谈对于react-thunk中间件的简单理解
May 01 Javascript
原生js实现放大镜组件
Jan 22 Javascript
jquery获取html元素的绝对位置和相对位置的方法
Jun 20 #Javascript
confirm的用法示例用于按钮操作时确定是否执行
Jun 19 #Javascript
javascript 控制input只允许输入的各种指定内容
Jun 19 #Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 #Javascript
对之前写的jquery分页做下升级
Jun 19 #Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
Jun 19 #Javascript
jQuery常用操作方法及常用函数总结
Jun 19 #Javascript
You might like
实用函数8
2007/11/08 PHP
判断用户是否在线的代码
2011/03/05 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
2011/07/13 Javascript
JS加jquery简单实现标签元素的显示或隐藏
2013/09/23 Javascript
简单实用的全选反选按钮例子
2013/10/18 Javascript
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
jquery实现点击页面计算点击次数
2015/01/23 Javascript
深入探讨javascript中的数据类型
2015/03/04 Javascript
javascript运算符——逻辑运算符全面解析
2016/06/27 Javascript
JS遍历页面所有对象属性及实现方法
2016/08/01 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
2016/10/18 Javascript
详解nodeJS中读写文件方法的区别
2017/03/06 NodeJs
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
JS中Attr的用法详解
2017/10/09 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
2017/10/17 Javascript
基于Vue 2.0的模块化前端 UI 组件库小结
2017/12/21 Javascript
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
2018/08/25 Javascript
详解nodejs http请求相关总结
2019/03/31 NodeJs
JavaScript实现京东快递单号查询
2020/11/30 Javascript
python实现ftp客户端示例分享
2014/02/17 Python
python模拟表单提交登录图书馆
2018/04/27 Python
python斐波那契数列的计算方法
2018/09/27 Python
PyTorch中的Variable变量详解
2020/01/07 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
HTML5 canvas实现的静态循环滚动播放弹幕
2021/01/05 HTML / CSS
介绍一下gcc特性
2012/01/20 面试题
如何填写个人简历自我评价
2013/12/10 职场文书
领导证婚人证婚词
2014/01/13 职场文书
物理学专业求职信
2014/07/04 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
2014年卫生保健工作总结
2014/12/08 职场文书
离婚协议书怎么写的
2014/12/14 职场文书
大学生学年个人总结
2015/02/15 职场文书
婚宴新娘致辞
2015/07/28 职场文书
公司备用金管理制度
2015/08/04 职场文书