使用text方法获取Html元素文本信息示例


Posted in Javascript onSeptember 01, 2014

获取文本信息的方法有很多,本例使用的使用的是jquery的text方法,这个方法想必大家都有使用过吧,简单实用。获取之后并使用alert将文本弹出,下面是实现代码

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
 <style> 
 p { margin:8px; font-size:20px; color:blue;  
   cursor:pointer; } 
 b { text-decoration:underline; } 
 button { cursor:pointer; } 
 </style> 
  <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 
</head> 
<body> 
   
<b>Show My Text</b> 
<div id="TEXT"></div> 
  
<script> 
$("#TEXT").load("qqq.txt", function(response, status, xhr) { 
var text=$(this).text(); 
 alert( text); 
}); 
 </script> 
</body> 
</html>
Javascript 相关文章推荐
jQuery 表单验证扩展代码(一)
Oct 11 Javascript
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
Mar 01 Javascript
js实现鼠标悬停图片上时滚动文字说明的方法
Feb 17 Javascript
AspNet中使用JQuery boxy插件的确认框
May 20 Javascript
ClearTimeout消除闪动实例代码
Feb 29 Javascript
JS加载iFrame出现空白问题的解决办法
May 13 Javascript
关于Javascript回调函数的一个妙用
Aug 29 Javascript
js原生代码实现轮播图的实例讲解
Jul 28 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
Web技术实现移动监测的介绍
Sep 18 Javascript
深入浅出理解JavaScript闭包的功能与用法
Aug 01 Javascript
vue2.0自定义指令示例代码详解
Apr 25 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
Sep 01 #Javascript
超级好用的jQuery圆角插件 Corner速成
Aug 31 #Javascript
Html5的placeholder属性(IE兼容)实现代码
Aug 30 #Javascript
通过js为元素添加多项样式,浏览器全兼容写法
Aug 30 #Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
Aug 30 #Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
Aug 30 #Javascript
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
Aug 30 #Javascript
You might like
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
2011/03/30 Javascript
JavaScript 代码压缩工具小结
2012/02/27 Javascript
jquery简单实现带渐显效果的选项卡菜单代码
2015/09/01 Javascript
javascript实现3D切换焦点图
2015/10/16 Javascript
10个JavaScript中易犯小错误
2016/02/14 Javascript
AngularJs ng-route路由详解及实例代码
2016/09/14 Javascript
前端js实现文件的断点续传 后端PHP文件接收
2016/10/14 Javascript
使用Vue.js创建一个时间跟踪的单页应用
2016/11/28 Javascript
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
让你彻底掌握es6 Promise的八段代码
2017/07/26 Javascript
bootstrap fileinput实现文件上传功能
2017/08/23 Javascript
webpack4 css打包压缩问题的解决
2018/05/18 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
2019/03/27 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
2020/03/17 Javascript
关于vue-cli3打包代码后白屏的解决方案
2020/09/02 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
解决Vue watch里调用方法的坑
2020/11/07 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
Python continue语句用法实例
2014/03/11 Python
从零学python系列之新版本导入httplib模块报ImportError解决方案
2014/05/23 Python
kNN算法python实现和简单数字识别的方法
2014/11/18 Python
python中安装模块包版本冲突问题的解决
2017/05/02 Python
Python 实现加密过的PDF文件转WORD格式
2020/02/04 Python
PyCharm 在Windows的有用快捷键详解
2020/04/07 Python
Python调用C/C++的方法解析
2020/08/05 Python
美国女士内衣在线折扣商店:One Hanes Place
2019/03/24 全球购物
一套软件测试笔试题
2014/07/25 面试题
介绍一下mysql的日期和时间函数
2013/03/28 面试题
办公室前台的岗位职责
2013/12/20 职场文书
体育专业个人求职信范文
2013/12/27 职场文书
教师业务学习制度
2014/01/25 职场文书
代理班主任的自我评价
2014/02/04 职场文书
法人代表授权委托书
2014/04/08 职场文书
国贸专业毕业求职信
2014/06/11 职场文书
预备党员转正思想汇报
2014/09/26 职场文书
laravel添加角色和模糊搜索功能的实现代码
2021/06/22 PHP