Question

这是我的近似代码：

 <script> 
function smth(){........}
    var name = smth('fullname');
 var hobby = smth('hobby');

    </script>

我需要在html正文中正常显示它。但是，我试过的每一种方式都给了我一个警报窗口，或者根本就没有用。我没有找到类似的解决方案。我知道上面的方法也提供了警告窗口，但我只想告诉你我获取变量的方式。提前谢谢。

Answer 1

所以你想将一些追加到<body>？

function smth(str) { return document.body.appendChild(document.createTextNode(str)); }

这是利用以下 DOM方法

node.appendChild

document.createTextNode（或document.createElement）

请注意，它不会引入格式化（例如行刹车<br />），如果您还需要添加它们。

Answer 2

使用这种方法，您可以按ID定位元素并在其中插入任何您喜欢的内容，但Paul S建议的解决方案更简单，更干净。

<html>
    <head>
        <script type="text/javascript">
            var myVar = 42;
            function displayMyVar(targetElementId) {
                document.getElementById(targetElementId).innerHTML = myVar;
            }
        </script>
    </head>
    <body onload="displayMyVar('target');">
        <span id="target"></span>
    </body>
</html>

Answer 3

执行此操作的一种常见方法是使用innerHTML。假设您在<p>中声明<body>作为输出，那么您可以写：

<script> function smth(){........}
var name=smth('fullname');
var hobby=smth('hobby')
var out=document.getElementById("output");
out.innerHTML=name; (or you may write hobby)
</script>

Answer 4

尝试使用：

var yourvar='value';
document.body.innerHTML = yourvar;

在html正文中显示javascript变量

4 个答案: