使用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 相关文章推荐
xtree.js 代码
Mar 13 Javascript
解析Javascript中大括号“{}”的多义性
Dec 02 Javascript
jQuery实现鼠标划过修改样式的方法
Apr 14 Javascript
AngularJS $injector 依赖注入详解
Sep 14 Javascript
js模式化窗口问题![window.dialogArguments]
Oct 30 Javascript
JS表格组件神器bootstrap table使用指南详解
Apr 12 Javascript
JS去掉字符串中所有的逗号
Oct 18 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
Jan 22 Javascript
解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题
Sep 25 Javascript
JavaScript常用工具方法封装
Feb 12 Javascript
原生js实现移动小球(碰撞检测)
Dec 17 Javascript
Vue仿Bibibili首页的问题
Jan 21 Vue.js
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
phpmyadmin 3.4 空密码登录的实现方法
2010/05/29 PHP
php之XML转数组函数的详解
2013/06/07 PHP
PHP中把stdClass Object转array的几个方法
2014/05/08 PHP
php编写的一个E-mail验证类
2015/03/25 PHP
PHP7.0版本备注
2015/07/23 PHP
Symfony学习十分钟入门经典教程
2016/02/03 PHP
php图片添加水印例子
2016/07/20 PHP
关于jQuery $.isNumeric vs. $.isNaN vs. isNaN
2013/04/15 Javascript
JS获取IP、MAC和主机名的五种方法
2013/11/14 Javascript
JavaScript获取网页中第一个图片id的方法
2015/04/03 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
2015/10/28 Javascript
深入理解关于javascript中apply()和call()方法的区别
2016/04/12 Javascript
js判断空对象的实例(超简单)
2016/07/26 Javascript
JS实现六位字符密码输入器功能
2016/08/19 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
2016/08/31 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
关于Vue.js一些问题和思考学习笔记(2)
2016/12/02 Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
2016/12/27 Javascript
浅谈Vue.js
2017/03/02 Javascript
详解angularJs中关于ng-class的三种使用方式说明
2017/06/02 Javascript
JS解决position:sticky的兼容性问题的方法
2017/10/17 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
vue拖拽组件使用方法详解
2018/12/01 Javascript
小程序如何支持使用 async/await详解
2019/09/12 Javascript
vue-resourc发起异步请求的方法
2020/02/11 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
Python 按字典dict的键排序,并取出相应的键值放于list中的实例
2019/02/12 Python
python编写猜数字小游戏
2019/10/06 Python
Python 实现取多维数组第n维的前几位
2019/11/26 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
.NET面试问题集
2015/12/08 面试题
怎样写好自我评价呢?
2014/02/16 职场文书
婚育证明格式
2015/06/17 职场文书
mysql死锁和分库分表问题详解
2021/04/16 MySQL
Pycharm 如何设置HTML文件自动补全代码或标签
2021/05/21 Python
css之clearfix的用法深入理解(必看篇)
2023/05/21 HTML / CSS