サンプル集
■VC
■C#
■Java
■LinuxC
■MS-DOS
■bash
■Excel VBA
■VBScript
■PHP
■HTML
■perl
■iPhone
■Android
■Lua
■other
Linuxコマンド
debian メモ
apache2 メモ
MySQL メモ
Oracle メモ
HOME
サンプル集  >  HTML  >  オブジェクトのメンバを表示
オブジェクトのメンバを表示
2010/08/04

オブジェクトのメンバを表示します。

◆環境
OS Windows XP Professional Version 2002 Service Pack 3
Browser 6.0.2900.5512.xpsp_sp3_gdr.100216-1514

objList.html
 1: 
 2: 
 3: 
 4: 
 5: 
 6: 
 7: 
 8: 
 9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
 <html>
<head>
<script language="javascript">
<!--
function objList( obj )
{
    var msg = "";
    for ( var buf in obj )
    {
        msg = msg + buf + "  ";
    }
    alert( msg );
}
function objList2()
{
    objList( document.getElementById( "testTable" ) );
}
-->
</script>
</head>
<body>
<input type="button" name="btn1" value="Go!!"
       onclick="objList(this);" /><br />
<br />
<table border="1" id="testTable">
  <tr><td>1</td><td>テスト</td></tr>
</table>
<input type="button" name="btn2" value="Go!!"
       onclick="objList2();" /><br />
</body>
</html>

HTML を表示します。

上の「Go!!」ボタンを押してみます。

input button のメンバが表示されました。

下の「Go!!」ボタンを押してみます。

table のメンバが表示されました。最初の方のメンバは input button と同じですが、children の後からが違います。

▲ PageTop  ■ Home

Copyright (C) 2013 ymlib.com