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) 항상 가로로 나란히 표시됩니다. 이미지를 만들 때 서로 위에 겹쳐서 표시하고 싶습니다. 어떻게해야합니까? 또한

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

(이유는 다음과 같습니다

Answer 1

당신은 대신 신체의 div 요소를 추가하는 데 필요한 DIV되지 본체에 새로운 요소 image를 추가한다 img 대신 input을 사용 하시겠습니까?). 요소의 위치를 ​​정하는 올바른 방법은 CSS를 사용하는 것입니다 (className 속성을 설정하여 요소에 클래스를 추가 한 다음 해당 클래스의 스타일을 적절하게 지정하는 HTML 페이지에 CSS를 포함).

Answer 2

당신은

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