Question

这个问题说明了一切。我有一个javascript变量，我希望html div输出7。我知道它很简单，但我似乎无法理解这一点。

<!DOCTYPE html>
<html>
 <head>
  <script type="text/javascript"> 

  var ball = 3+4;

  </script>
 </head>

 <body>

 <div> Have 7 output here </div>

</body>

Answer 1

这里的工作代码

将您的脚本写入正文。

码

<!DOCTYPE html>
<html>
<head></head>

<body>

    <div> Have 7 output here </div>

    <script type="text/javascript"> 
        var ball = 3+4;
        document.getElementsByTagName('div')[0].innerHTML = ball;
    </script>

</body>
</html>

Answer 2

试试这个：

<head>
<script type="text/javascript"> 

var ball = 3+4;
function op()
{
document.getElementById('division').innerHTML=ball;
}
</script>
</head>

<body onload="op();">

<div id="division"> Have 7 output here </div>
</body>

Answer 3

试试这个：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"> 
onload = function () {
    var ball = 3+4;
    var div = document.getElementsByTagName("div")[0];
    div.innerHTML = ball;
};
</script>
</head>
<body>
    <div> Have 7 output here </div>
</body>
</html>

页面完全加载时执行

onload，因此可以操作DIV。 getElementsByTagName("div")返回页面中所有DIV的列表，我们得到第一个（[0]），因为代码中只有一个DIV。最后，我猜innerHTML不需要任何解释： - ）

Answer 4

将特定ID提供给div，如

<div id="data"></div>

现在使用以下js代码。

 <script type="text/javascript">
  var ball = 3+4;
document.getElementById("data").innerHTML=ball;
  </script>

Answer 5

FIDDLE

HTML ： -

<html>
<body>
  <div id="add_results_7"></div>
</body>
</html>

JAVASCRIPT ： -

<script>
var ball = 3+4;
document.getElementById('add_results_7').innerHTML=ball; //Gives you 7 as your answer
</script>

如何将javascript变量“输出”到html div中？

5 个答案:

码