特定のHTML箇所をJavaScriptのdocument.write("");で表示させたい

質問

外部JS化する前のテスト段階で、特定のHTML箇所をJSで表示させるにあたり、エラーになってしまいます。
下記部分
--------------------------------------------------
<li class='off' onmouseover="this.className='on'" onmouseout="this.className='off'" title='テスト'><A href='./test.html'>テスト</a>
--------------------------------------------------
を下記のようにしてみているのですが、
--------------------------------------------------
document.write("<li class='off' onmouseover="+this.className='on'+" onmouseout="+this.className='off'+" title='テスト'><A href='./test.html'>テスト</A>");
--------------------------------------------------
FireFoxのエラーコンソールで確認すると
this.className=
--------------↑
の、=の後の部分が指摘されております。

どのようにすればエラーを回避出来ますでしょうか。
宜しくお願い致します。

回答No.1

mdp36 · ベストアンサー

文法エラーが出るのは「=」の左辺が変数ではないからです。
なのでthis.classNameの左側に括弧を入れればエラーはなくなります。

ただ、目的のHTMLを出力するには「"」を「\"」とエスケープしてやればいいのでは？

document.write("<li class='off' onmouseover=\"this.className='on'\" onmouseout=\"this.className='off'\" title='テスト'><A href='./test.html'>テスト</a>");

お礼

うまく行きました！

基本的な事だったんですね。

ありがとうございます。