アフィリエイト広告を利用しています

2022年12月08日

innerHTML

innerHTMLは画面に表示する文字を指定するものだと思っていた。

文字だけでなく、HTML要素も指定できた。


 <!DOCTYPE html>
 <html lang="ja">
 <head>
 </head>
 <body>

 <div id="container">

 </div>

 <script type="text/javascript">
  document.getElementById('container').innerHTML = '<input type=text name="column_name" size="12">';
 </script>
 </body>
 </html>


javascriptのIFコマンドと組み合わせれば、条件を満たすときだけ表示したり、
あるいはテキストボックス以外の要素も表示できる。

innerHTMLはとても便利だ!







posted by db-engineer at 00:00 | Comment(0) | Javascript

この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

検索
最新記事
カテゴリーアーカイブ
プロフィール
db-engineerさんの画像
db-engineer
プロフィール
タグクラウド