cman.jpWEBページ作成
広告
JavaScriptでテキストやスクリプトの書き出し
JavaScriptで画面の指定した位置にテキストを書き出したり、スクリプトを追加したり動的にHTMLの変更が可能です。
当サイトでは、機能、条件を選択することで動的なサンプルを作成することができます。
サンプルは全てライセンスフリーとしていますので、改変や再配布も自由です。（コメントを残していただけると幸いです）
ただし、動作の保証は一切行っておりませんのでご理解の上、ご利用ください。
広告
テキストやスクリプトを書き出す構文
| 機能 | 構文 | 意味 |
|---|---|---|
| テキストの作成 | document.createTextNode(テキスト) | 左記構文は要素を作成するのみです。HTMLを変更するには、ノードの追加が必要です。 |
| スクリプトの作成 | document.createElement('script') |
●選んでコピペで利用可能！ ●テキスト・スクリプトの書き出し
【STEP2】生成されたJavaScriptサンプルの動作確認
↑このボタンは以下↓でコーディングされています。
<input type="button" value="上記テキスト機能を実行"onClick="cman_string();">
<input type="button" value="上記テキスト機能を実行"onClick="cman_string();">
<<サンプル実行結果>> ※下記HTMLは追加位置を明確にするため、タグをテキスト形式で表示しています。
<div id="rsltdisp">
</div>
<div id="rsltdisp">
<div id="dfltdisp">『表示位置確認用』の初期表示</div>
【STEP3】JavaScriptをコピーして利用
サンプルはコピー＆ペーストしてご利用ください。注意事項
- テキストの書き出しは、上記以外に要素を新規作成しテキストを設定する方法（下記①②参照）がありますが、ブラウザによって使用するプロパティ（下記②）を意識する必要があります。
①var element = document.createElement("tagname");
②element.textContent = "テキスト";（IE8以前以外） または、
element.innerText = "テキスト";（Firefox以外）
また、innerTextは、innerHTMLに書きかえる事も可能です。innerHTMLはブラウザによる意識は不要ですが、処理速度、セキュリテｨの面からinnerHTMLの使用は望ましくありません。
| 関連するJavaScript |
|---|
| 文字列の切り出し |
| 文字列の検索 |
| 文字列の置換 |
| 文字の整形（太字、点滅、など） |
広告