javascript函数显示在div中答案

【问题标题】：javascript function display in a divjavascript函数显示在div中
【发布时间】：2011-10-12 21:27:28
【问题描述】：

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

（更长的解释：我创建了一个页面，一个人可以从下拉列表中进行选择，因为他使用 javascript 从下拉列表中进行选择，我进行了某些计算，最后将最后一个值存储在一个名为 bookerVar 的变量中，该变量位于一个名为bookersay().

函数的最后一行是 return bookerVar。

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

【问题讨论】：

我们可以看看脚本吗？
它实际上并不完整，现在没有什么意义，但我会稍后上传，以便将来如果有人访问此页面，它可能会有所帮助

标签： javascript html scripting

【解决方案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>

【讨论】：

我是否还必须在 html 文件中的 div 标记中执行任何我希望它显示的操作。 ??
不，我取决于bookerVar 是什么，我建议将它包围在<p> 标记或<span> 标记中。

【解决方案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>

【讨论】：

一个小问题，我的 javascript 在另一个页面上，你能不能用变量 bookerVer 解释一下，在 var div = document.createElement('div'); 之后没有理解脚本
这只是一个“通用”示例。 document.createElement('div') 创建了一个新元素，即 div，接下来，它会在其上附加一些 html。如果要附加 bookerVer 变量的值，只需调用 appendToContent(bookerVer)。当然，您可能需要进行一些更改以使此代码适应您的页面。
我实际上是通过教程学习 javascript，所以我知道的东西很少。所以我所要做的就是将最后一行代码替换为 appendToContent(bookerVar)??非常感谢您的帮助。
是的，但我不知道你的代码是如何构成的，你可能需要对我的代码做一些小的改动。

【解决方案3】：

告诉你最简单的方法是获取JQuery，然后使用如下内容：

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

【讨论】：

没有提到jquery..？
实际上纯 DOM 会更容易 imo。
我只知道足够的 javascript 来做我之前提到的事情。我正在使用教程学习 javascript，但不知道 jquery。不过还是谢谢。