11月6日(木)1コマ目

今日、やったこと

JavaScripで表をつくる

今日のホワイトボード

HTMLでの表は

<table>タグが表全体。

<table>タグ内には<thead>タグ、<tbody>タグがある。

<thead>タグはヘッダー行。

<tbody>タグはボディ部。

ちなみに<tfoot>タグもある。フッター行になる。

<thead>、<tbody>内では、<tr>タグがある。

<tr>タグは行。

<tr>タグ内には、<th>タグ、<td>タグがある。

<th>タグは見出しセル。

<td>タグはデータ用セル。

図　表のためのタグ

JavaScriptで表を作る

<table>タグ以下の親子関係の構造をJavaScriptでつくる。

図　<tbody>タグ内のツリー構造

〇タグの生成

document.createElement(タグ名)

〇親タグに子要素として子タグを追加

親タグ.appendChild(子タグ)

ソースコードは以下のとおり。

HTML

JavaScript

次回は

検索結果を表形式で表示。