ホームページ  >  記事  >  ウェブフロントエンド  >  textメソッドを使用してHTML要素のテキスト情報を取得する例_javascriptスキル

textメソッドを使用してHTML要素のテキスト情報を取得する例_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 16:38:171473ブラウズ

テキスト情報を取得する方法はたくさんありますが、この例では 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>
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。