| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

「JavaScript オブジェクトのプロパティ確認」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
(ページの作成:「==JavaScript オブジェクトのプロパティ確認== [JavaScript] ===オブジェクトのプロパティを概観する === <html> <head> <script type="text…」)
 
 
(同じ利用者による、間の3版が非表示)
1行目: 1行目:
==JavaScript オブジェクトのプロパティ確認==
+
==[[JavaScript オブジェクトのプロパティ確認]]==
[JavaScript]
+
[[JavaScript]] |
 
===オブジェクトのプロパティを概観する ===
 
===オブジェクトのプロパティを概観する ===
  <html>
+
  &lt;html&gt;
  <head>
+
  &lt;head&gt;
  <script type="text/javascript">
+
  &lt;script type="text/javascript"&gt;
 
  // オブジェクトのプロパティ確認
 
  // オブジェクトのプロパティ確認
 
  function inspect(sel) {
 
  function inspect(sel) {
     var html = "<table border=1>";
+
     var html = "&lt;table border=1&gt;";
     html += "<tr><th>key</th><th>value</th></tr>";
+
     html += "&lt;tr&gt;&lt;th&gt;key&lt;/th&gt;&lt;th&gt;value&lt;/th&gt;&lt;/tr&gt;";
 
     for (k in sel) {
 
     for (k in sel) {
         html += "<tr><td>" + k + "</td><td>" + sel[k] + "</td></tr>";
+
         html += "&lt;tr&gt;&lt;td&gt;" + k + "&lt;/td&gt;&lt;td&gt;" + sel[k] + "&lt;/td&gt;&lt;/tr&gt;";
 
     }
 
     }
     html += "</table>";
+
     html += "&lt;/table&gt;";
 
     w = window.open();
 
     w = window.open();
 
     w.document.write(html);
 
     w.document.write(html);
 
     w.document.close();
 
     w.document.close();
 
  }
 
  }
  </script>
+
  &lt;/script&gt;
  </head>
+
  &lt;/head&gt;
  <body>
+
  &lt;body&gt;
  <select onchange="inspect(this)">
+
  &lt;select onchange="inspect(this)"&gt;
     <option value="1">1</option>
+
     &lt;option value="1"&gt;1&lt;/option&gt;
     <option value="2">2</option>
+
     &lt;option value="2"&gt;2&lt;/option&gt;
     <option value="3">3</option>
+
     &lt;option value="3"&gt;3&lt;/option&gt;
  </select>
+
  &lt;/select&gt;
  </body>
+
  &lt;/body&gt;
  </html>
+
  &lt;/html&gt;

2020年2月16日 (日) 04:27時点における最新版

JavaScript オブジェクトのプロパティ確認

JavaScript |

オブジェクトのプロパティを概観する

<html>
<head>
<script type="text/javascript">
// オブジェクトのプロパティ確認
function inspect(sel) {
    var html = "<table border=1>";
    html += "<tr><th>key</th><th>value</th></tr>";
    for (k in sel) {
        html += "<tr><td>" + k + "</td><td>" + sel[k] + "</td></tr>";
    }
    html += "</table>";
    w = window.open();
    w.document.write(html);
    w.document.close();
}
</script>
</head>
<body>
<select onchange="inspect(this)">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>
</body>
</html>