我怎样才能让这个javascript函数发出一个换行符

时间:2014-03-06 19:18:18

标签: javascript html getelementbyid

好吧我有一个脚本运行该过程很多数据基本上我使用下面的行

 document.getElementById("message").innerHTML = JSON.stringify(stringbuild.hello);

问题是,每次将此行发送到消息文本框时,它只会覆盖前一个输出中的上一行。

如何让每个输出发出一个新的空行并保留文本框中的任何其他先前数据

2 个答案:

答案 0 :(得分:2)

如果'message'元素是常规HTML元素(例如<div>),请尝试使用:

document.getElementById("message").innerHTML += "<br>" + JSON.stringify(stringbuild.hello);
  • +=是一个'augmented'赋值运算符,它将当前字符串附加到右侧提供的任何值。
  • <br>是一个html换行符,用于将新字符串直接放在前一个字符串下面。

对于输入元素<input type="text"><textarea>,请使用:

document.getElementById("message").value += "\n" + JSON.stringify(stringbuild.hello);
  • value属性用于访问input元素的当前值,应该使用innerHTML来代替\n
  • {{1}}是新行字符的escape sequence

Demonstration

答案 1 :(得分:1)

<textbox>使用\n这是换行符:

node = document.getElementById("message");
node.innerHTML += JSON.stringify(stringbuild.hello) + '\n';

请勿在{{1​​}}中使用<br />

并且总是在行的末尾添加它,或者你将第一行添加为空。