ベストアンサー

JavaScriptでファイルの一部を表示したい

2024/07/31 10:47

Javascriptを使って、HTMLファイルの一部を表示させようとしています（ローカルで動かしています）。 <body> <input type="file" id="fileInput"> <pre id="output"></pre> <script> document.getElementById('fileInput').addEventListener('change', function(event) { const file = event.target.files[0]; // ユーザーが選択したファイルを取得 const reader = new FileReader(); // FileReaderオブジェクトを作成 reader.onload = function(event) { document.getElementById('output').textContent = event.target.result; // ファイルの内容を表示 }; reader.readAsText(file); // ファイルをテキストとして読み込む }); </script> </body> event.target.result に読み込んだHTML文がそのまま入ります。このファイルから、getElementsByTagName('li')などを使って、特定のHTML文のみを取り出し、ページに表示させようとしています。 documentのメソッドが使えないかなと思って、 let doc = new document; console.log(doc.getElementsByTagName('li')[0]); と書いてみましたが反応なしでした。 DOMは便利なので他のページや読み込んだHTMLファイルに対しても使いたいのですが……。よろしくおねがいします。