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

时间:2014-06-14 21:47:41

标签: javascript jquery html

我需要在预先存在的div中创建一个自定义JS按钮。我可以在身体上显示一个按钮,但我似乎无法在任何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>

这可以在身体上创建一个按钮,但是当我尝试将它放入div时它不起作用。 我试过了

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

以及该代码的一些不同的iteratinos。它似乎无法工作。

注意:在我的学校,我正在写这个,现在JSfiddle是一个被阻止的网站,所以我将无法使用它们。 感谢

1 个答案:

答案 0 :(得分:2)

尝试:

<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>