如何将变量从Javascript输出到html？

Question

I want to inject text into a div using a variable. 我想使用变量将文本注入div。 Here's a Stack Snippet of my code: 这是我的代码的堆栈片段：

 tDNA() { var dna = prompt("Enter the DNA: "); } document.getElementById("dna").innerHTML = "DNA: " + dna;

 <!DOCTYPE html> <html> <head> </head> <body> <src="main.js"> <div id="dna"></div> </body> </html> function promp

Answer 1

您需要像这样导入脚本

<script type="text/javascript" src="main.js"></script>

Answer 2

Like this, you have to add the data to the HTML where the variable dna is in scope and then actually call the function 这样，您必须将数据添加到变量dna在作用域中的HTML中，然后实际调用该函数

 function promptDNA(){ var dna = prompt("Enter the DNA: "); document.getElementById("dna").textContent = "DNA: " + dna; } promptDNA()

 <!DOCTYPE html> <html> <head> </head> <body> <div id="dna"></div> <script src="main.js"></script> </body> </html>

Also, you're importing your script improperly. 另外，您导入的脚本不正确。

Answer 3

You can try this out. 您可以尝试一下。

HTML HTML

<html>
<head>
</head>
<body>
<script defer src = "main.js"></script>
    <div id = "dna">
      <p></p>
    </div>
</body>
</html>

JavaScript JavaScript的

function promptDNA(){
    var dna = prompt("Enter the DNA: ");
    d1 = document.querySelector("p");   
    d1.textContent = dna;
}

promptDNA();

如何将变量从Javascript输出到html？

问题描述

3 个解决方案

解决方案1
1 2018-05-15 22:21:40

解决方案2
0 2018-05-15 22:20:20

解决方案3
0 2018-05-15 22:35:10

如何将变量从Javascript输出到html？

问题描述

3 个解决方案

解决方案1 1 2018-05-15 22:21:40

解决方案2 0 2018-05-15 22:20:20

解决方案3 0 2018-05-15 22:35:10

解决方案1
1 2018-05-15 22:21:40

解决方案2
0 2018-05-15 22:20:20

解决方案3
0 2018-05-15 22:35:10