Question

我创建了一个javascript并完成了所需的所有编码，最后得到了一个变量“bookerVar”我希望这个变量显示在我的html页面的底部。我该怎么办

（更长的解释：我创建了一个页面，一个人可以从下拉菜单中选择，因为他从下拉菜单中选择使用javascript我做某些计算器，最后将最后一个值存储在名为bookerVar的变量中，该变量位于一个名为bookerVar的函数中bookersay（）。

该函数的最后一行显示return bookerVar。

现在我想要的是存储在bookerVar中的值可以在div标签的html页面的bootom中显示。任何人都可以告诉我，我必须在我的HTML代码和我的javascript（实际上是在一个不同的文件）中写什么。感谢。

Answer 1

将其放在bookerVar当前所在的.html文档中。

<script type="text/javascript">
    function addDiv() {
        var div = document.createElement('div');
        div.innerHTML = bookerVar;
        document.getElementsByTagName('body')[0].appendChild(div);
    }
    addDiv();
</script>

Answer 2

看看我创建的这个例子是否适合您。您可以复制/粘贴一些.html文件并运行它。

<html>
<head>
<title>Appending content to some div</title>
</head>     
<body>
<div id="content"></div>
</body>
<html>

<script type="text/javascript">
function appendToContent(html) {
    var content = document.getElementById('content');
    var div = document.createElement('div');
    div.innerHTML = html;
    content.appendChild(div);
}

appendToContent('hello world');
</script>

Answer 3

最容易告诉你的是JQuery，然后使用以下内容：

$("body").append("<div>" + bookerVar + "</div>");

javascript函数显示在div中

3 个答案: