文字の置き換え

innerHTMLによる例

クリックしてね。

<p onclick="this.innerHTML='ありがとう!'">クリックしてね。</p>

この onclickonmouseover などと書き換えればいろいろできそうです。

長い文章を置き換える場合は,関数を使うほうが楽です:

クリックしてね。

<script>
function change(x) {
  x.innerHTML = 'ありがとうございました!';
}
</script>

<p onclick="change(this)">クリックしてね。</p>

DOM操作による例

クリックしてね。

<script>
function r(n, t) {
  var u = document.createTextNode(t);
  n.replaceChild(u, n.childNodes[0]);
}
</script>

<p onclick="r(this, 'ありがとう!')">クリックしてね。</p>

この方法では,タグを含ませるのはやや面倒です。