JavaScript オンマウスで画像切り替え、テキスト切り替え

javascriptで困っています。

あるテキストに一回のオンマウスで、
idを持った箇所の画像を切り替え、
また別のidをもった箇所にテキストを表示させたいのですがうまくいきません。

今までのコードはこちらです。
script
--------------
function swap(n) {
var items = [
{ TextA:"あああ", ImageB:"../../common/logo.gif"},
{ TextA:"２２２", ImageB:"../../common/logo.gif"},
{ TextA:"３３３", ImageB:"../../common/logo.gif"}
];
var o = document.getElementById("Main");

$("Txt").innerText = items[n].TextA;
$("Photo").src = items[n].ImageB;
}

html
----------
<div id="Main">
<img src="../logo.gif" alt="" name="Photo" width="120" height="60" id="Photo">
<div id="Txt" name="Txt">最初</div>
</div>


<A href="#" onmouseover="swap(0)">１</A><br>
<A href="#" onmouseover="swap(1)">２</A><br>
<A href="#" onmouseover="swap(2)">３</A>

詳しい方、どうぞご教授よろしくお願い致します。

No.1 ベストアンサー 回答者： yambejp 回答日時： 2009/01/22 16:54

.innerTextはIEの方言ですね、.innerHTMLにしてみては？

<script>
function swap(n) {
var items = [
{ TextA:"あああ", ImageB:"2.jpg"},
{ TextA:"２２２", ImageB:"3.jpg"},
{ TextA:"３３３", ImageB:"4.jpg"}
];
var o = document.getElementById("Main");
document.getElementById("Txt").innerHTML = items[n].TextA;
document.getElementById("Photo").src = items[n].ImageB;
}
</script>
<div id="Main">
<img src="1.jpg" alt="" name="Photo" width="120" height="60" id="Photo">
<div id="Txt" name="Txt">最初</div>
</div>
<A href="#" onmouseover="swap(0)">１</A><br>
<A href="#" onmouseover="swap(1)">２</A><br>
<A href="#" onmouseover="swap(2)">３</A>

この回答へのお礼

お早い回答ありがとうございます！
早速試したところ、見事動きました！

.innerHTMLも勉強になりました！
本当にありがとうございます。

お礼日時：2009/01/22 17:52