2010-04-27 19 views
0

我在我的網站上有一個消息顯示字段,我想通過JS更改其值。用作Javascript消息顯示的HTML元素

我一直在使用只是一個文本框,禁用它,並修改通過JS函數值(用少量CSS後,使其不如文本字段):

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

必須有更好的方法(例如,當郵件運行超過指定的大小時,格式化會非常棘手),但是我無法想象它的優勢。任何人都可以將我指向更好的方向嗎?謝謝!

FYI:我做的,我想看起來像它的定時器功能「HH:MM:SS |‘我的信息在這裏’」

回答

2

您可以使用innerHTML設置任何元素的內容。因此,而不是一個表單輸入搗亂,你可能只是有這樣的:

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

,並通過JavaScript的設置是這樣的:

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

而且你會得到這樣的結果:

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

啊哈,正是我在找的東西。謝謝! – javanix 2010-04-27 23:59:07

2

你可以只用一個風格跨度和設置它的innerHTML。

0

使用jQuery(我完全建議使用像jQuery這樣的框架,以避免innerHTML帶來的跨瀏覽器問題),這是非常簡單的:

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

謝謝,但這幾乎是我使用JS的項目中唯一的地方,所以JQuery可能比我需要的多一點。 – javanix 2010-04-27 23:57:22

0

我會使用log4javascript,它有一個控制檯可以放置在主頁面或單獨的窗口中的日誌消息。

披露:我寫了。