私は文字列を言う
string display_txt = "1st line text" +"\n" + "2nd line text";
jqueryでは、私は使用しようとしています
('#somediv').html(display_txt).css("color", "green")
私のメッセージは2行で表示されるはずですが、代わりに\ nがメッセージに表示されます。そのための簡単な修正はありますか?
おかげで、
Htmlの新しい行に<br />
を使用します。
display_txt = display_txt.replace(/\n/g, "<br />");
テーブルセルのCSSを
white-space:pre-wrap;
document.body.innerHTML = 'First line\nSecond line\nThird line';
body{ white-space:pre-wrap; }
Divの代わりにpreタグを使用できます。これにより、\ nが正しい方法で自動的に表示されます。
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
var display_txt = "1st line text" +"\n" + "2nd line text";
$('#somediv').html(display_txt).css("color", "green");
});
</script>
</head>
<body>
<pre>
<p id="somediv"></p>
</pre>
</body>
</html>
.text
ではなく.html
かもしれませんか?