画像を表示してからアップロードした画像を置き換えます

Question

画像をアップロードしたいですが（最初に画像をクリックして画像をアップロードするボタン）表示ボタンをクリックし、新しい画像ONボタン画像を置き換えます。私は「クラス」「イド」に変更した場合

機能displayUploadimages dosen't作業が、すべてのコードが動作します。

ここコード：方法ので

<div class="detail_left"> 
    <div class="Take"> 
     <div class="image-upload" onclick="displayUploadimages()"> 
     <label for="file-input"> 
     <div class="takes backgrounds"></div> 
     </label> 
     </div> 
     <img class="Uploaded" src="#" alt=""> 
    </div> 
    <input id="file-input" class="" type="file" onchange="readURL(this);"/> 

<script type="text/javascript">function readURL(input) { 
    if (input.files && input.files[0]) { 
     var reader = new FileReader(); 

     reader.onload = function (e) { 
      $('.Uploaded') 
       .attr('src', e.target.result) 
       .width(350) 
       .height(350); 
     }; 

     reader.readAsDataURL(input.files[0]); 
    } 
} 
function displayUploadimages() { 
      document.getElementsByClassName("image-upload").style.display = "none"; 
      } 
</script> 

Answer 1

、document.getElementsByClassName、IDにこれを変更する配列はなく、要素自体が、動作する返します。あなたはクラス名を使用したい場合は、次のよう

その後、次の操作を行います。

var elements = document.getElementsByCLassName('image-upload'); 
for(var i = 0; i < elements.length; i++){ 
    elements[i].style.display = "none"; 
}