我如何在 html 和 js 中将变量 Valor 显示到 h1

Question

我是编码新手，我想学习很多东西，所以我找到了 Whosebug，来解决我的问题...

我的代码是：

<h1 class="Result" id="result">0</h1>

现在，我做一个基本的 JS 文件：

const number = 0;
var elem = document.getElementById('result');

而且，现在我不知道该怎么做，将它显示在 h1 中，如果有人能帮助我，我将不胜感激。

Answer 1

这些是您可以动态添加值的一些方法。

document.getElementById('result').innerHTML = number;

document.getElementById('result').innerText = number;

document.getElementById('result').textContent = number;

Answer 2

您有一个 ID 为 'result' 的 h1，旁注始终具有不同的 ID 和 class 名称，因此您不会混淆自己。

<h1 class="Result" id="result">0</h1>

为了你的javascript：

var elem = document.getElementById('result')

现在您已将 h1 的内容放入变量中，您可以使用以下方式显示它：

console.log(elem)

您的代码不起作用的原因是您没有使用变量的 console.log 来显示变量中的内容。

Answer 3

首先，您需要像以前一样使用 document.getElementById() 方法获取 h1 标签。

比起使用 innerHTML 属性来显示文本。

完整代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
javaScript example
</title>
</head>
<body>
<button onclick="myFunction()">
click to see message
</button>
<h1 Id="message" class="message">
</h1>
<script>
function myFuntion(){
var message = "hello, how are you\?";
document.getElementById("message").innerHTML = message;
}
</script>
</body>
</html>
  
First we created a button that has a function attach to it, than we create an function that will store the message. When the button is clicked, the message will show in the h1 tag.
Good luck!

我如何在 html 和 js 中将变量 Valor 显示到 h1

How I can show a Variable Valor in to a h1 in html and js

html

javascript

var