javascript - 如何使用 Javascript 更改跨度标签的类

Question

我有一个像这样的 html 元素:

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

我想把它改成

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

基于 ws.socket 消息。

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);

我想将值从 Production 更改为 Idle，并将类更改为“label label-warning”。 我知道要更改值我会这样做:

var field = document.getElementById("status")

但我不太确定如何更改类以及使用 field.value 是否是更改跨度文本的正确方法？

Answer 1

你有 jQuery，使用它!

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

或者只是 .toggleClass("label-success label-warning");