innerHTML を理解する

<br />関連記事: innerHTML
HTML DOM insertRow() メソッド
定義と使用法
定義と使用法
insertRow() メソッドは、テーブル内の指定された位置に新しい行を挿入するために使用されます。
insertRow() メソッドを使用すると、テーブル内の指定された位置に新しい行を挿入できます。
構文
tableObject.insertRow(index) //インデックス、新しい行を追加
--------------------------------------------------------------------------------
例
<html>
<ヘッド>
<script type="text/javascript">
関数 insRow()
{
document.getElementById('myTable').insertRow(0) //ドキュメント内のコントロールを見つける
}
</スクリプト>
</head>
<本文>
<テーブルid="myTable" 境界="1">
<tr>
<td>行1 セル1</td>
<td>行1 セル2</td>
</tr>
<tr>
<td>行2 セル1</td>
<td>行2 セル2</td>
</tr>
</テーブル>
<form>//フォームにコントロールを配置する
<input type="button" onclick="insRow()"
value="最初の行の前に新しい行を挿入">//value はコントロールに表示される内容です
</フォーム>
</本文>
</html>
js メソッドでは、js メソッドで変数を宣言せずに、ペアになっているタグの id.innerHtml を直接使用してタグコンテンツを割り当てることができます。
innerHTML は HTML タグの属性です。ペアで表示されるタグのほとんどにこの属性があります。//タグ属性は開始タグと終了タグの間の文字で、タグ自体は含まれません。例:
<p id="pp">ああああああ<span id="ss">bbbbbbbb</span> </p>
ここではpタグとspanタグがネストされているので、pp.innerHTMLの内容は
ああああああああ
ss.innerHTMLの内容は
ぶぶぶぶぶ
=========================
同様のプロパティはouterHTMLです。
するとpp.outerHTMLの内容は
<p id="pp">ああああああ<span id="ss">bbbbbbbb</span> </p>
ss.outerHTMLの内容は
<span id="ss">bbbbbbbb</span>

<<: ネイティブJSでマウススライドによる愛の拡散効果を実現

>>: スーパーバイザーによるDockerfileのマルチサービスイメージパッケージ操作