用作Javascript消息显示的HTML元素

Question

我的网站上有一个消息显示字段，我想改变via JS的值。

我一直只使用一个文本字段，禁用它，并通过JS函数修改值（在使用一点CSS之后使其看起来像文本字段一样）：

<input type="text" id="message" style="background: white; color: black" size="50" disabled>

必须有一种更好的方法（例如，每当消息超过指定大小时格式化都很棘手），但我无法想到这一点。有人能指出我更好的方向吗？谢谢！

仅供参考：我正在做一个计时器功能，我希望看起来像“HH：MM：SS |'我的信息在这里'”

Answer 1

您可以使用样式化的span并将其设置为innerHtml。

Answer 2

您可以使用innerHTML设置任何元素的内容。所以，不要乱用表单输入，你可以这样做：

<div id="message"></div>

通过JavaScript设置它：

document.getElementById('message').innerHTML = 'This message is awesome.';

你会得到这个结果：

<div id="message">This message is awesome.</div>

Answer 3

使用jQuery（我完全建议使用类似jQuery的框架，以避免使用innerHTML的跨浏览器问题），这非常简单：

<span id="timer"></span>
<script type="text/javascript">
  $("#timer").text("HH:MM:SS | your message here");
</script>

Answer 4

我使用log4javascript，它有一个日志消息控制台，可以放在主页面或单独的窗口中。

披露：我写了它。