文字の置き換え

innerHTMLによる例

ここをクリックしてね。

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

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

DOMによる例

ここをクリックしてね。

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

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

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

奥村晴彦

Last modified: 2012-04-17 22:39:36