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 · ベストアンサー

.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も勉強になりました！
本当にありがとうございます。