Как перенести изображение в начало Загрузить сейчас в javascript-коде?

Question

Как переместить это изображение http://svastara.info/.s/img/icon/download1.png в начало ? должен выглядеть примерно так: изображение Скачать сейчас

var CountdownTimer = function(id, count, imgurl) { this.construct(id, count, imgurl); } 
CountdownTimer.prototype = { 
     construct: function(id,count,imgurl) { 
       this.id = id; 
       this.object = document.getElementById(id); 
       this.count = count; 
       this.interval = null; 
       this.counted = false; 
       this.img = new Image(); // preload 
       this.img.src = imgurl; 
       this.img.border = "0"; 

       (function(obj) { 
         obj.object.onclick = function() { 
           return obj.onclick(); 
         }; 
       })(this); 
     }, 

     tick: function() { 
       this.count--; 
       this.render(); 

       if(this.count == 0){ 
         clearInterval(this.interval); 
         this.interval = null; 
         this.object.appendChild(this.img); 
       } 
     }, 

     onclick: function() { 
       if(!this.counted) { 
         this.counted = true; 
         this.render(); 
         (function(obj) { 
           obj.interval = setInterval(function() { 
             obj.tick(); 
           },1000); 
         })(this); 
         return false; 
       } else if(this.count == 0) 
         return true; 
       else 
         return false; 
     }, 

     render: function() { 
       if(this.count > 0) 
         this.object.innerHTML = "Download (" + this.count + " second" + (this.count == 1 ? "" : "s") + ")"; 
       else 
         this.object.innerHTML = "Download Now"; 
     } 

}; 

window.onload = function() { 
     var c = new CountdownTimer("delayed",3,"http://svastara.info/.s/img/icon/download1.png"); 
}; 

<div> 
<a id="delayed" class="stop" href="http://www.epiclosers.com/">Download (30sec)</a> 
</div> 

Answer 1

Посмотрите на метод InsertBefore, существующий текст должен быть дочерний узел тега привязки.

Сказав это, я начинаю задаваться вопросом, почему люди здесь делают эту причудливую вещь ... Вы не уникальны, я все время вижу подобное. Кодекс можно упростить, позволяя HTML и CSS помочь вам. Поместите изображение в документ, установите на дисплей значение none и включите его, когда вам это нужно. Кроме того, текст после загрузки может находиться в промежутке, который также обновляется по мере необходимости. Тогда вся вещь может управляться с помощью части кода. Заключительная мысль об упрощении, вы можете просто отключить связь, пока не будете готовы разрешить.

Кроме того, используя простой отладчик на клиенте, я могу изменить счетчик на 0 на лету и полностью обойти логику. Или, еще проще, я могу просто отключить javascript и щелкнуть ссылку. Другими словами, убедитесь, что вы применяете его другими способами, которые не находятся в клиенте. Это всегда плохая идея полагаться на клиента для обеспечения соблюдения политики, поэтому поддерживайте ее на стороне сервера. Вы можете это делать, поэтому, пожалуйста, не обижайтесь на комментарии.