使用text方法获取Html元素文本信息示例

2019-11-20 14:13:27

字体：大中小

来源：转载

供稿：网友

获取文本信息的方法有很多，本例使用的使用的是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实现拖动元素示例代码

下一篇：textarea不能通过maxlength属性来限制字数的解决方法