使用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 26 Javascript
基于JQuery的Select选择框的华丽变身
Aug 23 Javascript
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 Javascript
遍历DOM对象内的元素属性示例代码
Feb 08 Javascript
Validform+layer实现漂亮的表单验证特效
Jan 17 Javascript
javascript中递归的两种写法
Jan 17 Javascript
jQuery自动或手动图片切换效果
Oct 11 jQuery
javascript性能优化之分时函数的介绍
Mar 28 Javascript
JavaScript this绑定过程深入详解
Dec 07 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
Jan 23 Javascript
vue使用transition组件动画效果的实例代码
Jan 28 Vue.js
React四级菜单的实现
Apr 08 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
php mysql索引问题
2008/06/07 PHP
PHP rmdir()函数的用法总结
2019/07/02 PHP
HTML-CSS群中单选引发的“事件”
2007/03/05 Javascript
javascript比较文档位置
2008/04/08 Javascript
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
2008/11/06 Javascript
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
2010/05/13 Javascript
jQuery插件的写法分享
2013/06/12 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
2016/01/28 Javascript
基于javascript实现简单的抽奖系统
2020/04/15 Javascript
jQuery实现日期联动效果实例
2016/07/26 Javascript
JS对大量数据进行多重过滤的方法
2016/11/04 Javascript
Angular X中使用ngrx的方法详解(附源码)
2017/07/10 Javascript
vue组件从开发到发布的实现步骤
2018/11/11 Javascript
微信小程序冒泡事件及其阻止方法实例分析
2018/12/06 Javascript
详解微信小程序缓存--缓存时效性
2019/05/02 Javascript
JQuery常见节点操作实例分析
2019/05/15 jQuery
Javascript ParentNode和ChildNode接口原理解析
2020/03/16 Javascript
JS实现可以用键盘方向键控制的动画
2020/12/11 Javascript
解决Ubuntu pip 安装 mysql-python包出错的问题
2018/06/11 Python
python中bs4.BeautifulSoup的基本用法
2019/07/27 Python
pip 安装库比较慢的解决方法(国内镜像)
2019/10/06 Python
django2.2 和 PyMySQL版本兼容问题
2020/02/17 Python
python解包概念及实例
2021/02/17 Python
移动Web—CSS为Retina屏幕替换更高质量的图片
2012/12/24 HTML / CSS
CSS3正方体旋转示例代码
2013/08/08 HTML / CSS
HTML5 Canvas自定义圆角矩形与虚线示例代码
2013/08/02 HTML / CSS
高清屏中使用Canvas绘图出现模糊的问题及解决方法
2019/06/03 HTML / CSS
阿迪达斯印度官方商城:adidas India
2017/03/26 全球购物
STUBHUB日本:购买和出售全球活动门票
2018/07/01 全球购物
日本乐天德国站:Rakuten.de
2019/05/16 全球购物
称象教学反思
2014/02/03 职场文书
无偿献血倡议书
2014/04/14 职场文书
副总经理任命书
2014/06/05 职场文书
汉语言文学专业求职信
2014/06/19 职场文书
教师学习三严三实心得体会
2014/10/13 职场文书
求职简历自荐信怎么写
2015/03/26 职场文书