javascript - 用作 Javascript 消息显示的 HTML 元素

Question

我的网站上有一个消息显示字段，我想通过 JS 更改其值。

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

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

必须有更好的方法(例如，每当消息超过指定大小时，格式化就会很棘手)，但我无法立即想到它。谁能指出我更好的方向吗？谢谢!

仅供引用:我正在做一个计时器功能，我希望它看起来像“HH:MM:SS | '我的消息在这里'”

Answer 1

您可以使用innerHTML设置任何元素的内容。因此，您可以这样做，而不是搞乱表单输入:

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

并通过 JavaScript 设置它，如下所示:

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

你会得到这样的结果:

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