スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブログで動的にテキストを追加する術 insertAdjacentText

動的にテキストを変更する命令は、先日書いたが、今日は、動的にテキストを追加する技を紹介します。
それは insertAdjacentText という命令だ。画像を追加する場合は insertAdjacentHTML で出来る。これについては次回に回します。
書式は
ID.insertAdjacentText("position","insert string")
positionは以下のオプションがある。

"BeforeBegin":文字列の前に挿入します。新文字列-改行-文字列で挿入されます。
"AfterBegin":文字列の前に挿入します。新文字列-文字列で挿入されます。
"BeforeEnd":文字列の後ろに挿入します。文字列-新文字列-で挿入されます。
"AfterEnd":文字列の後ろに挿入します。文字列-改行-新文字列-で挿入されます。


<
<テキスト追加<


ソース


<center><span style="font-size:1px;"><<div id="num070206" width=1 height=0 ></div><<marquee style="font-size:20px;color:red;" id="mq" width=540></span>テキスト追加<</marquee> <div style="font-size:13px;"><<a href="#dummy" onclick="i=num070206.width;mq.insertAdjacentText('BeforeEnd',i+'個追加 ');i++;num070206.width=i;">クリックしたらテキストが追加されます</a>></div></center></span>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。