IEの半角スペースの連続とinnerHTMLについて

解決済

質問者：tetuya120
質問日時：2009/11/24 23:47
回答数：2件

IEだと文頭に半角スペースがある場合は詰められ、文中に半角スペースが連続する場合は一つにまとめられてしまいます。

ただ、innerHTMLだと正しく取れると思っていましたがやはり詰められて取得されてしまいます。
ただしく取得できる方法を模索しております。
hiddenに値を設定などではなく、現在のHTMLからの取得方法をお願い致します。

下記のソースで状況を再現できますのでご確認ください（blankの間のスペースは2つ空いています）
<html>
<head>
<script>
function testfunc() {
str = document.getElementById('test2').innerHTML
alert('[' + str + ']');
}
function testfunc2() {
str = document.getElementById('test').childNodes[0].firstChild.nodeValue;
alert('[' + str + ']');
}
</script>
</head>
<body>
<div id="test"><div id="test2"> blank blank </div></div>
<input type="button" value="CLICK ME1" onclick="testfunc()"><br>
<input type="button" value="CLICK ME2" onclick="testfunc2()">
</body>
</html>

通報する

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

質問の本文を隠す

回答 (2件)

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

No.1ベストアンサー

回答者： junkUser
回答日時：2009/11/25 04:54

innerHTML は文字通り、タグの中の html なので特別な例外は存在しません。

div タグの代わりに、pre や xmp タグを使ってはいかがでしょうか。

- 0
- 件

通報する

この回答へのお礼

特別な例外は存在しないのですか。。。
そもそも入力させないなど別の回避手段を考えます。
回答ありがとうございます。

通報する

お礼日時：2009/12/01 10:54

No.2

回答者： potluckker
回答日時：2009/11/26 16:02

半角スペースの連続は無視されてしまいます。

実際参照ではだめですか？

で半角スペースが表示されます。

innerHTMLで取得すると、""という文字列がとれ
alertで表示すると""と表示されると思うので
javascript内で
do{
str = str.replace("", " ");
}while(str.indexOf("") >=0 )

とすればよいでしょう