javascript - 将 JS 写入 div

Question

我在我的站点中设置了一个开关盒，如果我使用 document.write() 它会工作，但是，这样做会在新屏幕中打开结果，我希望它将结果打印到 div .我没有 JS 经验；我正在尝试 document.getElementById()，但我认为我没有完全掌握它的概念:

<form id="form1">
    <p>Enter 7 digit CPN :  <input name="cpn" type="text" size="20"> (CAPITALIZE all letters)</form>
    <button onclick="outputname()"> Submit</button></p>

    <script>
    function outputname(){
        var x,name,a,b,answer,y;
        x=document.getElementById("form1");
        y=x.elements["cpn"].value;
    switch(y){
        case "LIG007":
            text = "LIG007: Located in the 737 Avionics Cart Drawer 1.  Keyword LIGHT";
            break;

        case "4080703":
            text = "4080703: Located in the 737 Avionics Cart Drawer 1.  Keyword LAMP";
            break;

        case "4089797":
            text = "4089797: Located in the 737 Avionics Cart Drawer 1.  Keywork IDENTIFIER";
            break;

            default:
            text = "CPN NOT FOUND, PLEASE MAKE SURE IT WAS TYPED CORRECTLY.";
    }
        document.getElementById('cpn')innerHTML;
            }
    </script>

Answer 1

你已经快搞定了。尝试；

document.getElementById('cpn').innerHTML = text;

作为旁注，在 switch 语句之外(上方)定义 var text = ""。

您可以在 https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML 找到有关 innerHTML 的更多信息

编辑

假设您正尝试从输入字段中获取值并使用它来确定要放入您的 div 中的文本，您将需要更改 中的 ID .innerHTML 以匹配您的 div 的 ID。