编程 Javascript

使用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>

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery 性能优化指南（1）

May 21 Javascript

为JavaScript添加重载函数的辅助方法

Jul 04 Javascript

jquery ajax return没有返回值的解决方法

Oct 20 Javascript

JavaScript高级程序设计阅读笔记（二十一） JavaScript中的XML

Sep 14 Javascript

JavaScript设计模式之单例模式实例

Sep 24 Javascript

jQuery Easyui Tabs扩展根据自定义属性打开页签

Aug 15 Javascript

BootStrap网页中代码显示用法详解

Oct 21 Javascript

巧用Vue.js+Vuex制作专门收藏微信公众号的app

Nov 03 Javascript

使用BootStrap建立响应式网页——通栏轮播图（carousel）

Dec 21 Javascript

基于代数方程库Algebra.js解二元一次方程功能示例

Jun 09 Javascript

jQuery基于Ajax实现读取XML数据功能示例

May 31 jQuery

JS实现换肤功能的方法实例详解

Jan 30 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