10/03/28 23:34:51
IEでの話です。
<textarea id="tarea">
あいうえお
かきくけこ
</textarea>
<div id="other">
あいうえお
かきくけこ
</div>
<a id="fyi" href="URLﾘﾝｸ(2ch.net)" target="_blank">参考</a>
というHTMLがあったとします。こちらは一切変更不可とします。
JSで、textareaの中身は改行も取り出せますが、
それ以外、たとえば上記のHTMLだとdivの中身は改行は無視されてしまいます。
何とか改行まで取り出す方法はございませんでしょうか？
alert("【テキストエリアOK】\n\n" + document.getElementById("tarea").innerHTML);
alert("【DIVその1 … NG】\n\n" + document.getElementById("other").innerHTML);
alert("【DIVその2 … NG】\n\n" + document.getElementById("other").innerText);
alert("【DIVその3 … NG】\n\n" + document.getElementById("other").firstChild.nodeValue);
以下、参考までに。
aタグのhrefの中身を取り出そうとする時、勝手に変形(下記の場合、語尾にスラッシュが勝手につく)されます。
それを回避して生の値を取り出したい時、getAttributeの第二引数に"2"を指定すると生のhrefを取り出すことができます。
そのような感じでdivタグの中身も、生の値(\nなども含めて)取り出す手段は無いですかね？
alert("【参考：href】\n\n" + document.getElementById("fyi").getAttribute("href")); // 語尾にスラッシュが付く(勝手に変形)
alert("【参考：生のhref】\n\n" + document.getElementById("fyi").getAttribute("href", 2)); // 語尾にスラッシュが付かない(生の値)