使用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 相关文章推荐
利用javascript实现一些常用软件的下载导航
Aug 03 Javascript
javascript打印html内容功能的方法示例
Nov 28 Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 Javascript
浅谈重写window对象的方法
Dec 29 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 Javascript
基于javascript实现最简单选项卡切换
Feb 01 Javascript
jQuery 实时保存页面动态添加的数据的示例
Aug 14 jQuery
浅谈在vue项目中如何定义全局变量和全局函数
Oct 24 Javascript
vue 使用ref 让父组件调用子组件的方法
Feb 08 Javascript
layui 弹出删除确认界面的实例
Sep 06 Javascript
JS实现电商商品展示放大镜特效
Jan 07 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 jQuery
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
php查看当前Session的ID实例
2015/03/16 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
详解PHP的Yii框架的运行机制及其路由功能
2016/03/17 PHP
php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
2016/03/23 PHP
Yii 2.0如何使用页面缓存方法示例
2017/05/23 PHP
javascript读取RSS数据
2007/01/20 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
2010/03/23 Javascript
jquery 快速回到页首的方法
2013/12/05 Javascript
浅析js中的浮点型运算问题
2014/01/06 Javascript
js 事件截取enter按键页面提交事件示例代码
2014/03/04 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
基于jquery编写的放大镜插件
2016/03/23 Javascript
JQuery.validationEngine表单验证插件(推荐)
2016/12/10 Javascript
基于js粘贴事件paste简单解析以及遇到的坑
2017/09/07 Javascript
javascript 缓冲运动框架的实现
2017/09/29 Javascript
React通过父组件传递类名给子组件的实现方法
2017/11/13 Javascript
小程序分享模块超级详解(推荐)
2019/04/10 Javascript
Layui 数据表格批量删除和多条件搜索的实例
2019/09/04 Javascript
swiper4实现移动端导航切换
2020/10/16 Javascript
vue 动态表单开发方法案例详解
2019/12/02 Javascript
[45:52]2018DOTA2亚洲邀请赛 4.1小组赛 A组加赛 LGD vs Liquid
2018/04/02 DOTA
[05:40]DOTA2荣耀之路6:Wings最后进攻
2018/05/30 DOTA
Python实现的科学计算器功能示例
2017/08/04 Python
用Python逐行分析文件方法
2019/01/28 Python
Django扫码抽奖平台的配置过程详解
2021/01/14 Python
css3实例教程 一款纯css3实现的环形导航菜单
2014/10/20 HTML / CSS
CSS3制作圆形滚动进度条动画的示例
2020/11/05 HTML / CSS
万代美国官网:PREMIUM BANDAI USA
2020/09/11 全球购物
自荐书范文
2013/12/08 职场文书
如何撰写岗位职责
2014/02/01 职场文书
文秘应聘自荐书范文
2014/02/18 职场文书
电子商务专业求职信
2014/03/08 职场文书
对外汉语专业大学生职业生涯规划范文
2014/09/13 职场文书
幼儿园大班教师个人工作总结
2015/02/05 职场文书
大学毕业论文致谢词
2015/05/14 职场文书
分享几个简单MySQL优化小妙招
2022/03/31 MySQL