ホームページ > 記事 > ウェブフロントエンド > textメソッドを使用してHTML要素のテキスト情報を取得する例_javascriptスキル
テキスト情報を取得する方法はたくさんありますが、この例では 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>