이 같은 HTML 요소가 자바 스크립트

Question

를 사용하여 스팬 라벨의 클래스를 변경하는 방법 :

<dd><span class="label label-success" id="status">Production</span></dd> 

가 나는 ws.socket 메시지에 따라

<dd><span class="label label-warning" id="status">Idle</span> 

로 변경하고 싶습니다.

setTimeout(function(){ 
      window.ws = new WebSocket('ws://localhost:8088/sock/123'); 
      window.ws.onmessage = function (evt) { 
       field.value = "Idle" 
      }; 
      window.ws.onclose = function (evt){ 

      } 
      window.ws.onopen = function (evt){ 

      } 

     }, 500); 

생산에서 유휴로 값을 변경하고 클래스를 "label label-warning"으로 변경하려고합니다. 은 내가 이런 짓을 했을까 값 변경 알고

var field = document.getElementById("status") 

을하지만 난 어떻게 클래스를 변경하고 스팬 텍스트를 변경하는 올바른 방법을 field.value 사용하는 것입니다 정확히 모르겠어요?

Answer 1

당신은 jQuery를 사용합니다!

$("#status").text("Idle").removeClass("label-success").addClass("label-warning"); 

아니면 그냥 자바 스크립트가 아닌 jQuery를 사용하고자하는 경우 단지 .toggleClass("label-success label-warning");

Answer 2

사용 JQuery와

이

$('#status').text('Your Text') //For setting text 
$('#status').removeClass('label-success').addClass('label-warning') 

Answer 3

을 시도, 당신은이 answer를 참조 할 수 있습니다. 당신은 그냥 쉽게 말해서 클래스를 설정할 수 있습니다

document.getElementById("whatever").className = ""; 

Answer 4

클래스를 변경하려면 (이 jQuery를 훨씬 더 편리하게 사용하고) :

:

document.getElementsById('status').setAttribute("class","label label-warning"); 

는 스팬 텍스트의 값을 변경하려면

document.getElementsById('status').innerHTML = "Production";