Question

我是JavaScript的新手＆lt; 1周大我写了一篇非常简短的HTML / JavaScript并将其显示在控制台上。

基本上，我想在HTML的<p>标记内显示用作变量的函数的结果。

我让脚本显示在控制台中。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script>
var kilo = function(pound) {
  return pound/2.2;
}
kilo (220);
console.log (kilo(220));
</script>
<script>
var kilog = function(pounds) {
  return pounds/2.2;
}
console.log (kilog(440));
</script>
<p id="Kilograms"><!--I want the result here--></p>

</body>
</html>

如何将函数的结果作为变量，即var kilo（磅）...显示在带有id千克的p标签中？

Answer 1

试试这个

var p = document.getElementById('Kilograms');
p.innerHtml = 'any text';
// OR
p.innerHtml = kilog(440);

Answer 2

脚本shold是在BODY代码之后，或者你应该添加文档就绪事件监听器。所以，尝试这个解决方案：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<p id="Kilograms"><!--I want the result here--></p>

</body>
<script>
var kilo = function(pound) {
  return pound/2.2;
}
kilo (220);
console.log (kilo(220));

var kilog = function(pounds) {
  return pounds/2.2;
}
console.log (kilog(440));
document.getElementById("Kilograms").innerHTML = kilog(440);
</script>
</html>

JSBin中的示例：https://jsbin.com/pacovasuve/edit?html,output

Answer 3

您可以在js代码中尝试此操作。

document.getElementById("Kilograms").innerHTML="write whatever you want here";

使用JavaScript中的document.getElementbyId.innerHTML在浏览器中将函数的结果显示为变量

3 个答案: