使用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类中定义原型方法的两种实现的区别
Mar 08 Javascript
对google个性主页的拖拽效果的js的完整注释[转]
Apr 10 Javascript
jQuery自定义元素右键点击事件(实现案例)
Apr 28 jQuery
基于js文件加载优化(详解)
Jan 03 Javascript
koa源码中promise的解读
Nov 13 Javascript
在vue项目中引入highcharts图表的方法
Jan 21 Javascript
原来JS还可以这样拆箱转换详解
Feb 01 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
Apr 10 Javascript
微信小程序mpvue点击按钮获取button值的方法
May 29 Javascript
webpack是如何实现模块化加载的方法
Nov 06 Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 Javascript
关于angular引入ng-zorro的问题浅析
Sep 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 缓存函数代码
2008/08/27 PHP
php 判断访客是否为搜索引擎蜘蛛的函数代码
2011/07/29 PHP
php中rename函数用法分析
2014/11/15 PHP
PHP实现的简单AES加密解密算法实例
2017/05/29 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
2019/01/17 PHP
javascript 同时在IE和FireFox获取KeyCode的代码
2010/02/07 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
JavaScript严格模式禁用With语句的原因
2014/10/20 Javascript
JavaScript事件类型中焦点、鼠标和滚轮事件详解
2016/01/25 Javascript
jQuery为DOM动态追加事件的方法
2017/02/16 Javascript
JS基于面向对象实现的多个倒计时器功能示例
2017/02/28 Javascript
微信小程序中input标签详解及简单实例
2017/05/18 Javascript
安装vue-cli报错 -4058 的解决方法
2017/10/19 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
[03:08]迎霜节狂欢!2018年迎霜节珍藏Ⅰ一览
2018/12/25 DOTA
Python os模块学习笔记
2015/06/21 Python
Python面向对象编程之继承与多态详解
2018/01/16 Python
浅谈python实现Google翻译PDF,解决换行的问题
2018/11/28 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
python 列表中[ ]中冒号‘:’的作用
2019/04/30 Python
对Python获取屏幕截图的4种方法详解
2019/08/27 Python
python常用运维脚本实例小结
2020/02/14 Python
tensorflow将图片保存为tfrecord和tfrecord的读取方式
2020/02/17 Python
Python安装与卸载流程详细步骤(图解)
2020/02/20 Python
马来西亚在线药房:RoyalePharma
2019/12/01 全球购物
锐步香港官方网上商店:Reebok香港
2020/11/05 全球购物
如何实现一个自定义类的序列化
2012/05/22 面试题
95%的面试官都会问到的50道Java线程题,附答案
2012/08/03 面试题
内衣营销方案
2014/03/15 职场文书
高二学生评语大全
2014/04/25 职场文书
专升本学生毕业自我鉴定
2014/10/04 职场文书
赔偿协议书怎么写
2015/01/28 职场文书
二审代理词范文
2015/05/25 职场文书
幼儿园毕业典礼家长致辞
2015/07/29 职场文书
关于食品安全的演讲稿范文(三篇)
2019/10/21 职场文书
使用vue判断当前环境是安卓还是IOS
2022/04/12 Vue.js