编程 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程序入门者学习

Jul 09 Javascript

js 学习笔记（三）

Dec 29 Javascript

js 判断checkbox是否选中的实现代码

Nov 23 Javascript

浅谈javascript中的作用域

Apr 07 Javascript

Extjs 4.x 得到form CheckBox 复选框的值

May 04 Javascript

JS生成不重复随机数组的函数代码

Jun 10 Javascript

浅谈document.write()输出样式

May 07 Javascript

详解利用jsx写vue组件的方法示例

Jul 17 Javascript

AngularJS实现的根据数量与单价计算总价功能示例

Dec 26 Javascript

用vscode开发vue应用的方法步骤

May 06 Javascript

js Array.slice的8种不同用法示例

Jul 10 Javascript

JavaScript经典案例之简易计算器

Aug 24 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