我在我的站点中设置了一个开关盒,如果我使用 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>
最佳答案
你已经快搞定了。尝试;
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。
关于javascript - 将 JS 写入 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43455743/