javascript側で、タグを作っておいて、それをinnerHTMLで出したいと思っています。たとえばなんですが、 htmltag +=' '; xxx.innerHTML = htmltag; のようにした場合、出力されたソースを見ると、ダブルクォーテーションが消えてしまい、となってしまい、困っています。 "に置き換えると、今度はと、何故かシングルクォーテーションが付与されてしまいます。うまくスタイルシートが適用されないので、解決方法を教えていただけないでしょうか。宜しくお願いします。

ダブルクォーテーションが消えてしまう。

解決済

質問者：ginfix
質問日時：2011/06/14 11:06
回答数：3件

javascript側で、タグを作っておいて、それをinnerHTMLで出したいと思っています。
たとえばなんですが、
htmltag +='<div class ="test">';
xxx.innerHTML = htmltag;
のようにした場合、出力されたソースを見ると、ダブルクォーテーションが
消えてしまい、<div class =test> となってしまい、困っています。
"に置き換えると、今度は<div class ='"test"'>と、何故かシングルクォーテーションが
付与されてしまいます。

うまくスタイルシートが適用されないので、解決方法を教えていただけないでしょうか。
宜しくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： Werner
回答日時：2011/06/14 23:03

HTMLではクォーテーションマークで属性値を囲むことは必須ではないので、

　<div class ="test">
でも
　<div class =test>
でも同じです。
スタイルシートが適用されない理由は別にあり、クォーテーションマークが消えることとは無関係です。

また、innerHTMLで参照できる内容は
ソースコードそのものではなくブラウザが解釈した結果ですので
代入した値がそのまま読み出せるなどという期待はできません。

例えば、以下のコードでアラートされる文字列は、
body要素内に記述されているソースコードそのものにはならない場合があります。

<html>
<head>
<script>
window.onload = function(){
alert(document.getElementById("aaa").innerHTML);
}
</script>
</head>
<body id="aaa">
<div class="test"></div>
< > &
</body>
</html>

- 0
- 件

通報する

No.2

回答者： yambejp
回答日時：2011/06/14 11:41

とりあえずIEの場合シングルクォーテーションとダブルクォーテーションの

相性がよくないようですね
#1さんも指摘されていますがエスケープしたクォーテーションで処理すれば
いけそうです

<style>
.test1{color:red;}
.test2{font-size:2em;}
</style>
<div id="xxx">hoge</div>
<script>
htmltag ="<div class=\"test1\">fuga</div>";
alert(htmltag);
document.getElementById("xxx").innerHTML=htmltag;
alert(document.getElementById("xxx").innerHTML);
htmltag ="<div class=\"test1 test2\">piyo</div>";
document.getElementById("xxx").innerHTML=htmltag;
alert(document.getElementById("xxx").innerHTML);
</script>