※ ChatGPTを利用し、要約された質問です（原文：HTMLの取得と解析について）
HTMLの取得と解析について
このQ&Aのポイント
フォームのtextareaにHTMLを入力して、必要なタグを取得する方法についての質問です。
テキストエリアの値からgetElementsByTagNameを使用してtableタグを取得しようとしていますが、エラーが出ています。
パースして再利用する良い方法があれば教えてください。
フォームのtextareaにHTMLを入力して、そこから必要なタグを取得したいのですが上手くいきません。
textareaの値は取得できています。
textareaの値からgetElementsByTagNameを使用してtableタグを取得しようとしているのでがエラーが出ます。
chromeによると
Uncaught TypeError: Object ・・・・ has no method 'getElementsByTagName'
取得した値をgetElementsByTagNameにほり込むのが間違ってるような気もするのですが、良く分かりません。
テキストエリアに入力したHTMLをパースして、再利用する良い方法がありましたらご教授ください。
以下に現状のソースを書かせて頂きます
---------------------------------------------------------------------
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
<!--
function test() {
var org_src = document.form1.src.value;
table = org_src.getElementsByTagName('table');
document.getElementById('test').innerHTML = org_src;
}
// -->
</script>
</head>
<body>
<p>自動出力</p>
<form name="form1">
<p>テキストエリアにソースを張り付けて下さい</p>
<p>
<textarea id="src" rows="5" cols="30">
</textarea>
</p>
<p>
<input type="button" value="実行" onClick="test()">
</p>
</form>
<div id="test">
</div>
</body>
</html>
---------------------------------------------------------------------
お礼
回答有難うございます。 DOMツリー化できるんですね！！！ やってみると、私の方でも取得できました。 本当にありがとうございました。