为什么我的switch语句不起作用?

dra*_*ore 3 javascript

不知怎的,我认为"this"关键字没有支付参考价值.但是你知道我可以使用连续的if/else if语句,它会正常工作.例如,我可以用这种方式编写代码.

if(painStatus == 1) {
    msg.innerHTML = "pain message 1";
}
else if(painStatus == 2) {
    msg.innerHTML = "pain message 2";
}
Run Code Online (Sandbox Code Playgroud)

等等,但是使用switch语句就失败了.我确信这很简单我做得不对.对不起是一个菜鸟.

<head>

    <script type="text/javascript">
    function painLevel(val) {
            var painStatus = document.getElementById("pain_status").innerHTML = val;
            var msg = document.getElementById("painMsg");

            switch (painStatus) {
                case 1:
                    msg.innerHTML = "Pain message 1";
                    break;
                case 2:
                    msg.innerHTML = "Pain message 2";
                    break;
                    .
                    .
                    .
                default:
                    msg.innerHTML = "";

            }
        }

    </script>
</head>
<body>

<p>Please use the bar to select pain level</p>
<p>My Pain Level</p>

    <input type = "range" min="0" max="10" value="1" onchange="painLevel(this.value)" />

        Pain Level = <span id="pain_status">1</span>
        <br /><br />

        <div id="painMsg"> rePain message 1</div>
</body>
Run Code Online (Sandbox Code Playgroud)

Ell*_*sch 6

我相信你只需要像这样解析

switch (parseInt(painStatus)) {
// As before....
}
Run Code Online (Sandbox Code Playgroud)