Javascript 开关箱简单示例未反映段落中的值

Javascript 开关箱简单示例未反映段落中的值,javascript,html,Javascript,Html,我有一个简单的javascript开关案例。虽然,段落中的值应反映为开关情况下的第三个选项,但它不显示任何内容或空白段落。Pl,救命 var i=3; 开关(一){ 案例1:{ document.getElementById('para1').value=“该值为一。”; 打破 } 案例2:{ document.getElementById('para1').value=“值为2。”; 打破 } 案例3:{ document.getElementById('para1').value=“值

我有一个简单的javascript开关案例。虽然,段落中的值应反映为开关情况下的第三个选项,但它不显示任何内容或空白段落。Pl,救命


var i=3; 开关(一){ 案例1:{ document.getElementById('para1').value=“该值为一。”; 打破 } 案例2:{ document.getElementById('para1').value=“值为2。”; 打破 } 案例3:{ document.getElementById('para1').value=“值为三。”; 打破 } 默认值:{ document.getElementById('para1').value=“该值未定义。” } }
p
标记在not
input
元素中,因此它没有
值。您应该使用
innerHTML
来设置该值

    <html>
    <head></head>
    <body>
    <p id="para1"></p>
    <script>
    var i = 3; 
    switch(i){
    case 1: {
    	document.getElementById('para1').innerHTML = "The value is one.";
    	break;
    }
    case 2: {
    	document.getElementById('para1').innerHTML = "The value is two.";
    	break;
    }
    case 3: {
    	document.getElementById('para1').innerHTML = "The value is three.";
    	break;
    }
    default:{
    	document.getElementById('para1').innerHTML = "The value is undefined."
    }
    }
    </script> 
    </body>
    </html>


var i=3; 开关(一){ 案例1:{ document.getElementById('para1').innerHTML=“值为一。”; 打破 } 案例2:{ document.getElementById('para1').innerHTML=“值为2。”; 打破 } 案例3:{ document.getElementById('para1').innerHTML=“值为三。”; 打破 } 默认值:{ document.getElementById('para1').innerHTML=“该值未定义。” } }
p
标记在not
input
元素中,因此它没有
值。您应该使用
innerHTML
来设置该值

    <html>
    <head></head>
    <body>
    <p id="para1"></p>
    <script>
    var i = 3; 
    switch(i){
    case 1: {
    	document.getElementById('para1').innerHTML = "The value is one.";
    	break;
    }
    case 2: {
    	document.getElementById('para1').innerHTML = "The value is two.";
    	break;
    }
    case 3: {
    	document.getElementById('para1').innerHTML = "The value is three.";
    	break;
    }
    default:{
    	document.getElementById('para1').innerHTML = "The value is undefined."
    }
    }
    </script> 
    </body>
    </html>


var i=3; 开关(一){ 案例1:{ document.getElementById('para1').innerHTML=“值为一。”; 打破 } 案例2:{ document.getElementById('para1').innerHTML=“值为2。”; 打破 } 案例3:{ document.getElementById('para1').innerHTML=“值为三。”; 打破 } 默认值:{ document.getElementById('para1').innerHTML=“该值未定义。” } }
使用innerHTML而不是值:


var i=3; 开关(一){ 案例1:{ document.getElementById('para1').innerHTML=“值为一。”; 打破 } 案例2:{ document.getElementById('para1').innerHTML=“值为2。”; 打破 } 案例3:{ document.getElementById('para1').innerHTML=“值为三。”; 打破 } 默认值:{ document.getElementById('para1').innerHTML=“该值未定义。” } }
使用innerHTML而不是值:


var i=3; 开关(一){ 案例1:{ document.getElementById('para1').innerHTML=“值为一。”; 打破 } 案例2:{ document.getElementById('para1').innerHTML=“值为2。”; 打破 } 案例3:{ document.getElementById('para1').innerHTML=“值为三。”; 打破 } 默认值:{ document.getElementById('para1').innerHTML=“该值未定义。” } }
var i=3;
开关(一){
案例1:{
document.getElementById('para1').innerHTML=“值为一。”;
打破
}
案例2:{
document.getElementById('para1').innerHTML=“值为2。”;
打破
}
案例3:{
document.getElementById('para1').innerHTML=“值为三。”;
打破
}
默认值:{
document.getElementById('para1').innerHTML=“该值未定义。”
}
}
测试
var i=3;
开关(一){
案例1:{
document.getElementById('para1').innerHTML=“值为一。”;
打破
}
案例2:{
document.getElementById('para1').innerHTML=“值为2。”;
打破
}
案例3:{
document.getElementById('para1').innerHTML=“值为三。”;
打破
}
默认值:{
document.getElementById('para1').innerHTML=“该值未定义。”
}
}

测试

innerHTML非值innerHTML非值请给出解释。仅仅给出答案对他/她没有帮助。请给出解释。仅仅给出答案对他/她没有帮助。