使用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应该如何来设置改变按钮input的onclick事件
Dec 10 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
Dec 11 Javascript
简单介绍JavaScript的变量和数据类型
Jun 03 Javascript
JavaScript的Date()方法使用详解
Jun 09 Javascript
js仿腾讯QQ的web登陆界面
Aug 19 Javascript
AngularJS 中使用Swiper制作滚动图不能滑动的解决方法
Nov 15 Javascript
JS设置手机验证码60s等待实现代码
Jun 14 Javascript
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
js new Date()实例测试
Oct 31 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
Nov 07 jQuery
js验证密码强度解析
Mar 18 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 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
php实现批量压缩图片文件大小的脚本
2014/07/04 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
一些javascript一些题目的解析
2010/12/25 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
php图像生成函数之间的区别分析
2012/12/06 Javascript
js不能跳转到上一页面的问题解决方法
2013/03/01 Javascript
js点击更换背景颜色或图片的实例代码
2013/06/25 Javascript
jquery 漂亮的删除确认和提交无刷新删除示例
2013/11/13 Javascript
js操作table元素实现表格行列新增、删除技巧总结
2015/11/18 Javascript
浅析node连接数据库(express+mysql)
2015/11/30 Javascript
vue.js源代码core scedule.js学习笔记
2017/07/03 Javascript
详解angular2如何手动点击特定元素上的点击事件
2018/10/16 Javascript
jQuery Ajax async=&gt;false异步改为同步时,解决导致浏览器假死的问题
2019/07/22 jQuery
浅谈layui里的上传控件问题
2019/09/26 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
Vue-router编程式导航的两种实现代码
2021/03/04 Vue.js
[05:48]DOTA2英雄梦之声vol21 屠夫
2014/06/20 DOTA
Python中的tuple元组详细介绍
2015/02/02 Python
在Python中使用base64模块处理字符编码的教程
2015/04/28 Python
Python OS模块常用函数说明
2015/05/23 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
实例详解Python模块decimal
2019/06/26 Python
详解Python中的分支和循环结构
2020/02/11 Python
Django多数据库配置及逆向生成model教程
2020/03/28 Python
HTML5 Canvas旋转动画的2个代码例子(一个旋转的太极图效果)
2014/04/10 HTML / CSS
html5页面结构_动力节点Java学院整理
2017/07/10 HTML / CSS
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
美国帽子俱乐部商店:Hat Club
2019/07/05 全球购物
工作表现评语
2014/01/19 职场文书
党员创先争优公开承诺书
2014/03/28 职场文书
2014年新生军训方案
2014/05/01 职场文书
求职简历自我评价2015
2015/03/10 职场文书
学者《孟子》名人名言
2019/08/09 职场文书
CSS+HTML 实现顶部导航栏功能
2021/08/30 HTML / CSS