如何将变量从Javascript输出到html？
我想使用变量将文本注入div。以下是我的代码的堆栈片段：如何将变量从Javascript输出到html？,javascript,html,Javascript,Html,我想使用变量将文本注入div。以下是我的代码的堆栈片段： tDNA（）{ var dna=提示（“输入dna:”； } document.getElementById（“dna”）.innerHTML=“dna:”+dna 函数promp像这样，您必须将数据添加到变量dna在作用域中的HTML中，然后实际调用函数 函数promptDNA（）{ var dna=提示（“输入dna:”； document.getElementById（“dna”）.textContent=“dna:”+dna；
tDNA（）{
var dna=提示（“输入dna:”；
}
document.getElementById（“dna”）.innerHTML=“dna:”+dna
函数promp
像这样，您必须将数据添加到变量dna
在作用域中的HTML中，然后实际调用函数
函数promptDNA（）{
var dna=提示（“输入dna:”；
document.getElementById（“dna”）.textContent=“dna:”+dna；
}
promptDNA（）
您需要像这样导入脚本
<script type="text/javascript" src="main.js"></script>
您可以尝试一下
HTML
“src”不是一个元素。您想使用加载main.js文件。您需要做一些事情来实际启动promptDNA函数，并且需要移动文档。getElementById。。。。你的dna被用在了范围之外。此外，你应该使用而不是innerHTML
。使用innerHTML
进行用户输入是一个XSS漏洞。不需要，甚至不建议使用type=“text/javascript”
的可能副本。我还必须添加“onload=”promptDNA（）“为了让它发挥作用，谢谢你的帮助！在初始化DOM之前执行脚本。您需要等待DOM初始化或使用HTML末尾的脚本标记。在初始化DOM之前，将执行您的脚本。您需要等待DOM初始化或使用HTML末尾的脚本标记。@ssc-hrep3在脚本标记中添加了延迟。
<html>
<head>
</head>
<body>
<script defer src = "main.js"></script>
<div id = "dna">
<p></p>
</div>
</body>
</html>
function promptDNA(){
var dna = prompt("Enter the DNA: ");
d1 = document.querySelector("p");
d1.textContent = dna;
}
promptDNA();