使用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 相关文章推荐
高亮显示web页表格行的javascript代码
Nov 19 Javascript
解析页面加载与js函数的执行 onload or ready
Dec 12 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
Sep 10 Javascript
JavaScript中日期的相关操作方法总结
Oct 24 Javascript
使用jquery.qrcode.min.js实现中文转化二维码
Mar 11 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
Mar 25 Javascript
JavaScript中this的四个绑定规则总结
Sep 26 Javascript
JS两种类型的表单提交方法实例分析
Nov 28 Javascript
js控制按钮,防止频繁点击响应的实例
Feb 15 Javascript
JS实现动态添加外部js、css到head标签的方法
Jun 05 Javascript
微信小程序页面渲染实现方法
Nov 06 Javascript
js实现的在本地预览图片功能示例
Nov 09 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数组
2006/10/09 PHP
实用函数10
2007/11/08 PHP
mysql limit查询优化分析
2008/11/12 PHP
PHP5.3.1 不再支持ISAPI
2010/01/08 PHP
php将文本文件转换csv输出的方法
2014/12/31 PHP
thinkPHP5.0框架简单配置作用域的方法
2017/03/17 PHP
PHP实现的无限分类类库定义与用法示例【基于thinkPHP】
2018/08/06 PHP
jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码
2011/04/27 Javascript
js面向对象 多种创建对象方法小结
2012/05/21 Javascript
javascript实现鼠标拖动改变层大小的方法
2015/04/30 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
原生js实现自由拖拽弹窗代码demo
2016/06/29 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
2016/09/24 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
2018/03/19 Javascript
python实现通过shelve修改对象实例
2014/09/26 Python
使用C语言来扩展Python程序和Zope服务器的教程
2015/04/14 Python
Django中利用filter与simple_tag为前端自定义函数的实现方法
2017/06/15 Python
详解Python list 与 NumPy.ndarry 切片之间的对比
2017/07/24 Python
python中(str,list,tuple)基础知识汇总
2018/02/20 Python
python 浅谈serial与stm32通信的编码问题
2019/12/18 Python
python实例化对象的具体方法
2020/06/17 Python
python3爬虫中多线程的优势总结
2020/11/24 Python
python中time、datetime模块的使用
2020/12/14 Python
matplotlib自定义鼠标光标坐标格式的实现
2021/01/08 Python
CSS3制作Dropdown下拉菜单的方法
2015/07/18 HTML / CSS
美味咖啡的顶级烘焙师:Cafe Britt
2018/03/15 全球购物
致百米运动员广播稿
2014/01/29 职场文书
策划总监岗位职责
2014/02/16 职场文书
新春寄语大全
2014/04/09 职场文书
房屋转让协议书
2014/04/11 职场文书
暑假社会实践心得体会
2014/09/02 职场文书
初婚未育证明样本
2014/10/24 职场文书
开展警示教育活动总结
2015/05/09 职场文书
2016年“12.3”国际残疾人日活动总结
2016/04/01 职场文书
nginx基于域名,端口,不同IP的虚拟主机设置的实现
2021/03/31 Servers
关于Python中进度条的六个实用技巧分享
2022/04/05 Python