HTML - JavaScript jQuery - コンテンツ内に文字列を出力
- 1. 概要
- 2. コンテンツ内に文字列を出力
1. 概要
「Javascript」を使用して、コンテンツ内の文字列を動的に出力する方法です。
本ページは、下記のサイトを参考にさせていただきました。
「要素の中身を変える!JavaScript で innerHTML の使い方」
しかし、参考にさせていただいておいて言うのもなんですが・・・。
上記の参考サイト、質問者とメンターだかなんだかの問答形式、なんとかならんのですか?
簡潔に書かれていないので、読みにくいったらありゃしない。
2. コンテンツ内に文字列を出力
「.html」に
<div id="text1"></div>
<span id="text2"></span>
と書いておいて、「Javascript」で
function 関数名(引数)
{
var text1 = document.getElementById("text1");
text1.innerHTML = "なんか文字列1";
var text2 = document.getElementById("text2");
text2.innerHTML = "なんか文字列2";
}
てなことを書いておいて、「.html」内で、この関数を呼び出せば、それぞれの個所に文字列を表示することができます。
この「id」を定義して、文字列を出力させることのできるタグは、今んとこ(2021年7月7日)「div」と「span」しか知りません。
|
|