2011-12-28 21 views
11

Düğmeye göre bir dom nesnesi parametresi olarak alan başlığında tanımlanan bir işlevi çağıran onclick olayı olan bir düğme oluşturmak için javascript'i kullanmaya çalışıyorum. Bunu nasıl yaparım?javascript onclick ile bir düğme oluşturmak için

örn:

<html> 
<head> <script>function blah(obj){alert(obj.value)}</script></head> 
<body> 
<button onclick="blah(this.parentNode.value);"></button> 
</body> 
</html> 

javascript: i yeni düğme mevcut bir aynı olmasını istediğiniz sonunda

var newButton = document.createElement("button"); 
??? 

.

+0

bunu neden yaptığınızı açıklıyor olabilirsiniz, belki de yaptığınız şey için daha iyi bir çözüm var .. – AlanFoster

+0

onun kinda (gereksiz) karmaşık ama deneyeceğim. Bu yüzden orijinal düğme bir sürü şey oluşturacak ve kendini silecektir. Oluşturulan şeyler arasında başka bir düğme oluşturabilir orijinal düğme yeniden oluşturacak başka bir düğme olduğunu ve – WindowsMaker

cevap

28
function createButton(context, func){ 
    var button = document.createElement("input"); 
    button.type = "button"; 
    button.value = "im a button"; 
    button.onclick = func; 
    context.appendChild(button); 
} 

window.onload = function(){ 
    createButton(document.body, function(){ 
     highlight(this.parentNode.childNodes[1]); 
     // Example of different context, copied function etc 
     // createButton(this.parentNode, this.onclick); 
    }); 
} 

istediğin bu mu?

+0

üzerinde ben bu argüman geçilen DOM sorunu çözer sanmıyorum düğme :( – WindowsMaker

+0

@zaftcoAgeiha yok Ne anlama geldiğini açıklar mısınız? Düzenleyin: Mesajı tekrar kontrol edin – AlanFoster

+0

Tamam, bu seçeneğini vurgulayın ve – WindowsMaker

İlgili konular