0

わかりました、文字列があります。

"<div class='down_arrow left_side'></div><div class='holder clearfix'><div class='topimg' style='background-image: url("+topimg+");'></div></div>";

そして、私はそれがこのようになる必要があります

"<div class='down_arrow left_side'></div><div class='holder clearfix'><div class='topimg' style='background-image: url(' "+topimg+" ' );'></div></div>";

ただし、余分な ' はスタイル タグを閉じます。

では、どうすればこれを乗り越えられるのでしょうか?... 引用符の前に \ を使用するなどの投稿をいくつか読みましたが、実際には機能しません。

一部の人だけに

var friinfo = document.createElement("DIV");
                friinfo.id = "friendsinfo";
                friinfo.className = "friendsinfo";      
                friinfo.innerHTML = "<div class='down_arrow left_side'></div><div class='holder clearfix'><div class='topimg' style='background-image: url(\"+topimg+\");'></div></div>";
                document.body.appendChild(friinfo);

これが実際のコードです

質問を強制するために、下の文字列に引用符の追加レイヤーを取得したい

"<div class='down_arrow left_side'></div><div class='holder clearfix'><div class='topimg' style='background-image: url("+topimg+");'></div></div>";

だからこうなる

"<div class='down_arrow left_side'></div><div class='holder clearfix'><div class='topimg' style='background-image: url(' "+topimg+" ' );'></div></div>";

引用符で '

4

3 に答える 3

2 
"<div class=\"down_arrow left_side\"></div><div class=\"holder clearfix\"><div class=\"topimg\" style=\"background-image: url('" + topimg + "');\"></div></div>"
于 2012-10-01T10:35:15.187 に答える
1

変更されたコード:

"<div class='down_arrow left_side'></div>    <div class='holder clearfix'><div class='topimg' style='background-image: url(\'"+topimg+"\' );'></div></div>";
于 2012-10-01T10:39:04.717 に答える
1

JavaScript では \ で引用符をエスケープできますが、HTML ではエスケープできません。純粋な HTML ソリューションは、HTML エンティティと呼ばれます。

<div class='topimg' style='background-image: url(&quot;blah&quot);'>

...通常は、2 つの引用スタイルから選択できるという事実を使用する方が簡単ですが、JavaScriptCSS のニーズ:

<div class="topimg" style="background-image: url('blah');">

ただし、HTML 属性にランダムなテキストを挿入する場合、引用符だけが問題になるわけではありません。setAttribute()メソッドを使用して、エスケープを処理させたほうがよいでしょう。

于 2012-10-01T10:42:24.930 に答える