我无法在div中显示新的javascript元素

Question

JavaScript的新手，在其他任何地方都找不到我的答案。

在DIV部分中，我按下一个按钮以显示图像。 我的问题是图像始终出现在屏幕的最左侧。

<div id="rightcolumn">      
    <input type="button" value="B&B" onclick="createImage();"/> 
    <script>
        function createImage()enter code here
        {
            var body = document.getElementsByTagName("body")[0];
            var s = document.createElement("input");
            s.src = "C:\\Users\\MyName\\Desktop\\Website\\Images\\greysquare.png";
            s.type = "image";
            body.appendChild(s);
        }
    </script
</div>

1）如何使新图片显示在div标签内而不是页面的最左侧？

2）它们始终水平并排出现。 我希望图像制作时看起来彼此堆叠。 我该怎么做呢？

Answer 1

您应该将新元素image附加到DIV而不是主体

 var div=document.getElementById("rightcolumn");
 div.appendChild(s);

Answer 2

您需要将其附加到div元素而不是主体上：

var rightColumn = document.getElementById('rightcolumn');
rightColumn.appendChild(s);

（此外，为什么要使用input而不是img ？）。 至于元素的定位，正确的定位方法是使用CSS（通过设置元素的className属性将其添加到元素中，然后在样式正确的HTML页面中包含CSS）。