0

divがマウスオーバーされたときに画像を表示するために、いくつかのjavascriptコードを使用しています:

function show()
{
document.getElementById("reveal").innerHTML = "<img src=\"..." border=\"0\">";
}

function hide()
{
document.getElementById("reveal").innerHTML = "Hidden";
}

次に、HTML:

<a onMouseOver="show()" onMouseOut="hide();"><div id="reveal">Mouseover me!</div></a>

何か案は？

4

3 に答える 3

3

構文の強調表示はそれを提供します。\の前に"来るの前に を逃しましたborder。

document.getElementById("reveal").innerHTML = "<img src=\"...\" border=\"0\">";

または、一重引用符を使用して JS 文字列を区切ります。

document.getElementById('reveal').innerHTML = '<img src="..." border="0">';

一重引用符と二重引用符を適切に組み合わせれば、エスケープは必要ありません。

于 2013-03-04T17:55:59.883 に答える
0

ここにバックスラッシュを追加します

document.getElementById("reveal").innerHTML = "<img src=\"...\" border=\"0\">";

(src の末尾)

于 2013-03-04T17:56:30.977 に答える
0

代わりにこれを show 関数で使用してみてください...

document.getElementById("reveal").innerHTML = '<img src="..." border="0">';

エスケープする代わりに、一重引用符を使用してください

于 2013-03-04T17:57:16.407 に答える