レベルエンター山本大のブログ

面白いプログラミング教育を若い人たちに

BLOCKVROCKリファレンス目次はこちら

JavaScriptオブジェクトのメンバ、フィールドを調べるツール

たいしたもんじゃありませんが。
【ソース】

<html>
<script language="JavaScript">
<!--

function $(elementId){
  return document.getElementById(elementId);
}
function debug(message){
  $("debug").innerText = message;
}

function objectInfo(obj,objName){
  var mess = "";
  var crlf = "\n";
  for(var item in obj){
    mess = mess + item + " = "
     + eval(objName + "." + item) + crlf;
  }
  debug(mess);
}

function objectChecker(obj){
  $('inputData').innerText = obj.value +" = " + eval(obj.value);
  objectInfo(eval(obj.value),obj.value);
}
function evalContext(){
  $('context_div').innerHTML = $('context').value;
}
-->
</Script>
<body>
  <form id="test">
  <table border=1>
   <tr><td>
     <B>オブジェクトの背景となるHTMLを記述</B><BR>
     <textarea id="context" rows=10></textarea><input type="button" onclick="evalContext()" value="eval">
  </td><td>
     <div id="context_div"></div>
  </td></tr>
   <tr><td>
     <input type="text" id="ScriptEditer" value="document" >
     <input type="button" onclick="evalContext();objectChecker($('ScriptEditer'))" value="オブジェクトチェック">
     <BR>
     <br>
     入力情報
     <div id="inputData" style="height:20;width:200;border:solid;"></div>
     オブジェクト情報
     <div id="debug" style="height:200;width:400;border:solid;"></div>
   </td></tr>
  </table>
  </form>
</body>

</html>