使用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 相关文章推荐
Ext 今日学习总结
Sep 19 Javascript
jQuery实现强制cookie过期方法汇总
May 22 Javascript
jquery实现超简洁的TAB选项卡效果代码
Aug 28 Javascript
jQuery插件扩展测试实例
Jun 21 Javascript
js获取指定字符前/后的字符串简单实例
Oct 27 Javascript
javascript 中select框触发事件过程的分析
Aug 01 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
Oct 17 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
Vue.js实现可配置的登录表单代码详解
Mar 29 Javascript
JavaScript根据json生成html表格的示例代码
Oct 24 Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 Javascript
关于vue属性使用和不使用冒号的区别说明
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
ninety plus是什么?ninety plus咖啡好吗?
2021/03/04 新手入门
mysql 字段类型说明
2007/04/27 PHP
laravel 4安装及入门图文教程
2014/10/29 PHP
composer.lock文件的作用
2016/02/03 PHP
php使用PDO执行SQL语句的方法分析
2017/02/16 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
PHP开发之用微信远程遥控服务器
2018/01/25 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2021/03/09 PHP
基于jquery的不规则矩形的排列实现代码
2012/04/16 Javascript
JQuery插件iScroll实现下拉刷新,滚动翻页特效
2014/06/22 Javascript
jQuery切换所有复选框选中状态的方法
2015/07/02 Javascript
jquery地址栏链接与a标签链接匹配之特效代码总结
2015/08/24 Javascript
node.js 和HTML5开发本地桌面应用程序
2016/12/13 Javascript
JS实现动态添加DOM节点和事件的方法示例
2017/04/28 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
2017/11/15 Javascript
解决vue 按钮多次点击重复提交数据问题
2018/05/10 Javascript
JS高级技巧(简洁版)
2018/07/29 Javascript
微信小程序云开发修改云数据库中的数据方法
2019/05/18 Javascript
vue+vant实现商品列表批量倒计时功能
2020/01/13 Javascript
JS实现页面鼠标点击出现图片特效
2020/08/19 Javascript
Python常用正则表达式符号浅析
2014/08/13 Python
python版本坑:md5例子(python2与python3中md5区别)
2017/06/20 Python
Python语言描述随机梯度下降法
2018/01/04 Python
Numpy中的mask的使用
2018/07/21 Python
python3爬虫获取html内容及各属性值的方法
2018/12/17 Python
用python进行视频剪辑
2020/11/02 Python
蹦床仓库:Trampoline Warehouse
2018/12/06 全球购物
日化店促销方案
2014/03/26 职场文书
乡镇机关党员民主评议表自我评价
2014/09/21 职场文书
2015年上半年物业工作总结
2015/03/30 职场文书
房地产销售助理岗位职责
2015/04/14 职场文书
Golang 如何实现函数的任意类型传参
2021/04/29 Golang
详解Python中的进程和线程
2021/06/23 Python
react中的DOM操作实现
2021/06/30 Javascript
javascript数组includes、reduce的基本使用
2021/07/02 Javascript