使用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 相关文章推荐
js jquery做的图片连续滚动代码
Jan 06 Javascript
IE6下通过a标签点击切换图片的问题
Nov 14 Javascript
js实现addClass,removeClass,hasClass的函数代码
Jul 13 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
Nov 14 Javascript
javascript浏览器兼容教程之事件处理
Jun 09 Javascript
百度地图给map添加右键菜单(判断是否为marker)
Mar 04 Javascript
JS中绑定事件顺序(事件冒泡与事件捕获区别)
Jan 24 Javascript
详解在vue-cli中使用路由
Sep 25 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
May 22 Javascript
从0到1搭建Element的后台框架的方法步骤
Apr 10 Javascript
JavaScript的function函数详细介绍
Nov 20 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 SOCKET编程详解
2015/05/22 PHP
PHP大神的十大优良习惯
2016/09/14 PHP
PHP实现添加购物车功能
2017/03/06 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
thinkphp5 框架结合plupload实现图片批量上传功能示例
2020/04/04 PHP
jQuery插件开发详细教程
2014/06/06 Javascript
浅谈页面装载js及性能分析方法
2014/12/09 Javascript
Javascript实现图片懒加载插件的方法
2016/10/20 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
在vue中获取dom元素内容的方法
2017/07/10 Javascript
vue Render中slots的使用的实例代码
2017/07/19 Javascript
Windows下使用Nodejs运行js的方法
2017/09/02 NodeJs
微信小程序canvas.drawImage完全显示图片问题的解决
2018/11/30 Javascript
jQuery无冲突模式详解
2019/01/17 jQuery
jQuery实现的分页插件完整示例
2020/05/26 jQuery
django创建自定义模板处理器的实例详解
2017/08/14 Python
Python实现利用最大公约数求三个正整数的最小公倍数示例
2017/09/30 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
详解Numpy中的数组拼接、合并操作(concatenate, append, stack, hstack, vstack, r_, c_等)
2019/05/27 Python
python GUI库图形界面开发之PyQt5单行文本框控件QLineEdit详细使用方法与实例
2020/02/27 Python
python判断是空的实例分享
2020/07/06 Python
详解pycharm2020.1.1专业版安装指南(推荐)
2020/08/07 Python
python爬虫构建代理ip池抓取数据库的示例代码
2020/09/22 Python
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
h5移动端调用支付宝、微信支付的实现
2020/06/08 HTML / CSS
最新的小工具和卓越的产品设计:Oh That Tech!
2019/08/07 全球购物
日本酒店、民宿、温泉旅馆、当地旅行团中文预订:e路东瀛
2019/12/09 全球购物
大学生党员自我批评
2014/02/14 职场文书
2014年社区植树节活动方案
2014/02/28 职场文书
公司办公室岗位职责
2014/03/19 职场文书
党员自我评议个人对照检查材料
2014/09/16 职场文书
会计试用期自我评价
2014/09/19 职场文书
出差报告格式模板
2014/11/06 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
大学生暑期社会实践的个人总结!
2019/07/17 职场文书
JavaScript中时间格式化新思路toLocaleString()
2021/11/07 Javascript