javascript - 将自定义 JS 按钮添加到预先存在的 div 中

标签 javascript jquery html

我需要将自定义 JS 按钮制作到预先存在的 div 中。我可以让按钮出现在主体上,但我似乎无法将其放在任何 div 内。

我的代码结构将遵循这些原则

<html>
<body> 
<div id="placeButtonHere"> </div>
<script type="text/javascript">
    window.onload = function myFunction()
    {
        var btn=document.createElement("BUTTON");
        document.body.appendChild(btn);
    }
</script>
</body>
</html>

这可以在 body 上创建一个按钮,但是当我尝试将其放入 div 中时它不起作用。 我已经尝试过

$('#placeButtonHere').append(btn).html(); 

以及该代码的一些不同的迭代。但它似乎不起作用。

注意:在我写这篇文章的学校,JSfiddle 是一个被屏蔽的网站,所以我无法使用它们。 谢谢

最佳答案

尝试:

<html>
<body> 
<div id="placeButtonHere"> </div>
<script type="text/javascript">
    window.onload = function myFunction()
    {
        var btn=document.createElement("BUTTON");
        document.getElementById("placeButtonHere").appendChild(btn);
    }
</script>
</body>
</html>

关于javascript - 将自定义 JS 按钮添加到预先存在的 div 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24224617/

相关文章:

javascript - 如果当前值不是数组中的值,则打印文本

div 标题上的 jQuery 1.6 prop()

javascript - 如何将以下 JSON 数据插入到表中?

html - 使用 font awesome 将工具栏与搜索文本框对齐

javascript - 如何使用按钮更改 Phantomjs 中的当前页面?

javascript - jQuery 点击 div 外面应该隐藏 div,点击的子 div 不应该隐藏

javascript - 即使在 wp_register_script 依赖项数组中定义,jQuery 也未在 WordPress 主题中定义

javascript - 如何使用 JavaScript 查看已打开的广播 channel ?

javascript - 编辑 CRUD 模板

html - 无法使用动态绝对 DIV 向上滚动