リス園のうさぎ

この文字にカーソルが触ると、ここ↓へクローンを加工した結果がコピーされます 


<script type="text/javascript">
<!--

  //クローン作成
  function setClone(id)
  {
    clone = document.getElementById(id).cloneNode(true)
    processingClone()
  }

  //クローン内の加工
  function processingClone()
  {
    clone.firstChild.attributes.getNamedItem('src').nodeValue="saru.gif"
    clone.lastChild.firstChild.nodeValue="リス園のさる"
  }


//-->
</script>

<body onload="setClone('pid')">

<p id="pid"><img src="./usa.gif"><b>リス園のうさぎ</b></p>

<div onmouseover = "this.appendChild(clone)"
     onmouseout  = "if(this.childNodes[1])this.removeChild(this.childNodes[1])"
>この文字にカーソルが触ると、ここ↓へクローンを加工した結果がコピーされます
</div>



マウスカーソルで上記文字に触ると、id名がpidのエレメントに含まれるすべてのノードがコピーされ 加工された後に追加されます。 離れると削除されます。