jQueryを用いて、Webページ上の画像やテキストなどのオブジェクトを書き換えることができます。

下記の入力欄を変更して [OK] ボタンを押してみましょう。

<script src="./lib/jquery-1.10.2.min.js"></script>
<textarea id="S1" cols=40 rows=5>This is a pen.</textarea>
<input type="button" value="OK" onclick="$('#D1').html($('#S1').val())">
<div id="D1" style="width:340px; height:80px; border:1px solid gray;">This is a pen.</div>