使用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的Function详细
Nov 14 Javascript
用js实现上传图片前的预览(TX的面试题)
Aug 14 Javascript
基于JQuery实现相同内容合并单元格的代码
Jan 12 Javascript
固定背景实现的背景滚动特效示例分享
May 19 Javascript
Jquery倒数计时按钮setTimeout的实例代码
Jul 04 Javascript
javascript从定义到执行 你不知道的那些事
Jan 04 Javascript
jQuery实现的网页换肤效果示例
Sep 20 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
Vue 过渡(动画)transition组件案例详解
Jan 22 Javascript
jQuery插件zTree实现获取一级节点数据的方法
Mar 08 Javascript
js控制文本框禁止输入特殊字符详解
Apr 07 Javascript
jQuery实现基本动画效果的方法详解
Sep 06 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数据库操作方法(MYSQL版)
2011/06/08 PHP
求PHP数组最大值,最小值的代码
2011/10/31 PHP
PHP获取网站中各文章的第一张图片的代码示例
2016/05/20 PHP
laravel 5.4 + vue + vux + element的环境搭配过程介绍
2018/04/26 PHP
JavaScript触发器详解
2007/03/10 Javascript
js处理表格对table进行修饰
2014/05/26 Javascript
JavaScript字符串对象split方法入门实例(用于把字符串分割成数组)
2014/10/16 Javascript
jQuery中data()方法用法实例
2014/12/27 Javascript
如何减少浏览器的reflow和repaint
2015/02/26 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
2015/03/19 Javascript
js基于面向对象实现网页TAB选项卡菜单效果代码
2015/09/09 Javascript
jquery拖动层效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
javascript关于继承解析
2016/05/10 Javascript
vue.js绑定class和style样式(6)
2016/12/09 Javascript
vue双向绑定简要分析
2017/03/23 Javascript
Jquery把获取到的input值转换成json
2017/05/15 jQuery
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
Javascript实现时间倒计时效果
2017/07/15 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
2020/03/28 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
2019/10/09 Javascript
探索node之事件循环的实现
2020/10/30 Javascript
分享一下Python 开发者节省时间的10个方法
2015/10/02 Python
MAC中PyCharm设置python3解释器
2017/12/15 Python
在CentOS6上安装Python2.7的解决方法
2018/01/09 Python
Python面向对象程序设计之类的定义与继承简单示例
2019/03/18 Python
对python3中的RE(正则表达式)-详细总结
2019/07/23 Python
Pycharm创建项目时如何自动添加头部信息
2019/11/14 Python
python异步Web框架sanic的实现
2020/04/27 Python
Python turtle库的画笔控制说明
2020/06/28 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
Html5 localStorage入门教程
2018/04/26 HTML / CSS
Chupi官网:在爱尔兰手工制作的订婚、结婚戒指和精美珠宝
2020/09/28 全球购物
如果让你测试一台高速激光打印机,你都会进行哪些测试
2012/12/04 面试题
请假条的格式
2014/04/11 职场文书
雏鹰争章活动总结
2014/05/09 职场文书
地震捐款倡议书
2014/08/29 职场文书