ブログのボタン

質問

jsなどで添付画像のようなブログでよくある
「ボタンをクリックするとhtmlタグが挿入される」
物を作りたいのですが、どのように作ればよいか＆検索ワードがわかりません。
教えていただけませんか？

例えば、
if(イタリックが選択されれば)
｛
要素の作成
｝
else if(もう一度押されれば)
｛
上記の終了タグを追加
｝
みたいな感じでしょうか？

この投稿のマルチメディアは削除されているためご覧いただけません。

回答No.1

4017B · ベストアンサー

JSでページ全体でのイベントを監視し、特定イベントが発生したらそのイベントがページ内のどの場所で発生したかを取得。そのためにはボタンとなる部分にユニークなID名を事前に割り振って置き、getElementById() でそのボタンの [DOM要素] を取得して、その後に様々な処理を行う～みたいな流れがJSを用いて何か処理を行う際の基本的な考え方です。

- 検索語句: "javascript+event"

質問者が今回、想定しているモノは「click」というイベントに相当します。イベントハンドラ名は「onClick」となります。

<div id="my-button">ボタン</div>

～上記の様なHTMLタグで記述されている場合…

<script>
var b = document.getElementById('my-button');
b.addEventListener( 'click', my_func );
function my_func(){
alert('Hello!');
}
</script>

～上記の様なJSを該当するHTMLタグが記述された箇所よりも後に記述する事で、最も簡単な「clickイベントに対応したJS処理」を作る事ができます。後はコレから派生させて行くだけですね。

お礼

ありがとうございます。