使用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 相关文章推荐
JQuery浮动DIV提示信息并自动隐藏的代码
Aug 29 Javascript
Javascript检查图片大小不要让大图片撑破页面
Nov 04 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
Dec 20 Javascript
jQuery消息提示框插件Tipso
May 04 Javascript
Bootstrap每天必学之按钮(一)
Nov 24 Javascript
js+ajax实现获取文件大小的方法
Dec 08 Javascript
正则表达式,替换所有HTML标签的简单实例
Nov 28 Javascript
AngularJS封装$http.post()实例详解
May 06 Javascript
基于js 各种排序方法和sort方法的区别(详解)
Jan 03 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
浅析vue-router原理
Oct 19 Javascript
Koa 使用小技巧(小结)
Oct 22 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使用CURL实现多线程抓取网页
2015/04/30 PHP
Linux系统中设置多版本PHP共存配合Nginx服务器使用
2015/12/21 PHP
Laravel5.1 框架表单验证操作实例详解
2020/01/07 PHP
jquery1.4 教程二 ajax方法的改进
2010/02/25 Javascript
ANGULARJS中用NG-BIND指令实现单向绑定的例子
2014/12/08 Javascript
javascript文本框内输入文字倒计数的方法
2015/02/24 Javascript
JS实现网页背景颜色与select框中颜色同时变化的方法
2015/02/27 Javascript
js纯数字逐一停止显示效果的实现代码
2016/03/16 Javascript
详解JavaScript for循环中发送AJAX请求问题
2020/06/23 Javascript
获取jqGrid中选择的行的数据
2016/11/30 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
2016/12/02 Javascript
JavaScript严格模式下关于this的几种指向详解
2017/07/12 Javascript
vue-cli如何引入bootstrap工具的方法
2017/10/19 Javascript
Vue实现点击时间获取时间段查询功能
2020/08/21 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
Bootstrap标签页(Tab)插件切换echarts不显示问题的解决
2018/07/13 Javascript
react+ant design实现Table的增、删、改的示例代码
2018/12/27 Javascript
vue实现移动端拖动排序
2020/08/21 Javascript
Nodejs 微信小程序消息推送的实现
2021/01/20 NodeJs
python读写ini配置文件方法实例分析
2015/06/30 Python
python读取excel表格生成erlang数据
2017/08/26 Python
python MNIST手写识别数据调用API的方法
2018/08/08 Python
选择python进行数据分析的理由和优势
2019/06/25 Python
python判断一个对象是否可迭代的例子
2019/07/22 Python
用Python画一个LinkinPark的logo代码实例
2019/09/10 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
在pytorch中对非叶节点的变量计算梯度实例
2020/01/10 Python
python中os包的用法
2020/06/01 Python
美国网上书店:Barnes & Noble
2018/08/15 全球购物
高中毕业自我评价
2014/02/08 职场文书
市场营销战略计划书
2014/05/06 职场文书
经济贸易系求职信
2014/08/04 职场文书
党员群众路线教育实践活动学习笔记
2014/11/05 职场文书
如何用python插入独创性声明
2021/03/31 Python
一条慢SQL语句引发的改造之路
2022/03/16 MySQL
spring cloud eureka 服务启动失败的原因分析及解决方法
2022/03/17 Java/Android