※ ChatGPTを利用し、要約された質問です（原文：onmouseで表示させたテキストを改行したい。）
onmouseで表示させたテキストを改行したい
このQ&Aのポイント
onmouseで表示させたテキストを改行する方法について質問しています。
既存のソースコードでは改行時にタグが表示されず、思うように改行できないとのことです。
改行して複数の文章を表示させる方法についてのアドバイスを求めています。
いつもお世話になっております。
下記過去ログのソースを参考にしました。
「オンマウスで別の場所に画像とテキストを表示したい」
http://okwave.jp/qa1688069.html
このソース(下記に抜粋)で動かす際、'変更する文章'を、たとえば5行表示したい場合、改行時に<br />を入れると、そのままタグが表示されて、改行されません。
ためしに\nやら\rなど改行コードを何個か試してみましたが、思うような結果は得られませんでした。
いくつかの文章を改行して表示させたい場合は、どのように書けばよいでしょうか。
よろしくお願いします。
上記リンク先の回答#4さんのソースの抜き出しここから-----
<script type="text/javascript">
<!--
function textChange(id,text){
var span_el = document.getElementById(id);
var originalText = span_el.firstChild.nodeValue;
span_el.firstChild.nodeValue=text;
return originalText;
}
//-->
</script>
</head>
<body>
<span onMouseOver="RestoreText=textChange('text1','変更する文章')" onmouseout="textChange('text1',RestoreText)">文章変更</span>
<span id="text1">このへんに文章</span>
抜き出しここまで--(brは省略しました)
やりたいこと--------------------
<span onMouseOver="RestoreText=textChange('text1','変更する文章1行目<br />変更する文章2行目<br />変更する文章3行目<br />変更する文章4行目<br />変更する文章5行目<br />')" onmouseout="textChange('text1',RestoreText)">文章変更</span>
<span id="text1">このへんに文章(改行されて表示)</span>
お礼
おお、あっさり解決しました。 ありがとうございます。