2010-04-27 5 views
0

내 웹 사이트에 JS를 통한 값을 변경하고 싶은 메시지 표시 필드가 있습니다.Javascript 메시지 디스플레이로 사용할 HTML 요소

I, 단지 텍스트 필드를 사용하여 해제하고, JS 기능을 통해 값을 수정 했어요 (수 있도록 약간의 CSS를 사용 후 텍스트 필드처럼되지 보기) :

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

더 좋은 방법이 있어야합니다 (예를 들어, 메시지가 지정된 크기 이상으로 실행될 때마다 서식 지정이 까다 롭습니다).하지만 머리 꼭대기에서 생각할 수 없습니다. 누구든지 더 나은 방향으로 나를 가리킬 수 있습니까? 감사!

는 참고 : |

답변

2

모든 요소의 내용을 innerHTML으로 설정할 수 있습니다.

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

을 그리고 다음과 같이 자바 스크립트를 통해 설정 : 그래서 그 대신 폼 입력 덤비는, 당신은 그냥이있을 수

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

그리고이 결과를 얻을 것입니다 :

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

아 하, 정확히 내가 찾고 있던 것이 었습니다. 감사! – javanix

2

당신은 단지 스타일 스팬을 사용하고 innerHTML을입니다 설정할 수 있습니다 ": : MM '여기 내 메시지'SS HH"내가 뭔가를보고 싶은 타이머 기능을하고있는 중이 야.

0

jQuery (innerHTML과 브라우저 간 문제를 피하기 위해 jQuery와 같은 프레임 워크를 사용하는 것이 좋습니다)는 매우 간단합니다.

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

감사합니다. 그러나 이것은 JS에서 사용하는 프로젝트의 유일한 장소이므로 JQuery는 아마도 필요한 것보다 조금 더 많을 것입니다. – javanix

0

기본 메시지 나 별도의 창에 로그 메시지를 넣을 수있는 콘솔이있는 log4javascript을 사용합니다.

공개 : 작성했습니다.