2011-05-27 14 views
7

Bir label öğesi oluşturdum. Bunun için onclick olay eklemek gerekir ...javascript'te yeni öğe oluşturmak için onclick olayı nasıl eklenir

function a(me) { 
    var d=document.createElement("label"); 
    d.id=me.id; 
    d.onClick="a(10)"; 
    d.innerHTML="welcome"; 
    document.body.appendChild(d); 
} 

HTML i html üç etiketlerden herhangi tıkladığınızda

<label id="1" onclick="a(this)">aa</label> 
<label id="2" onclick="a(this)">bb</label> 
<label id="3" onclick="a(this)">aa</label> 

aslında ne olur olduğunu. Başka bir etiket oluşturuldu ve hoş geldiniz. Şimdi yeni oluşturulan etiket "hoş geldiniz" i tıkladıktan sonra herhangi bir şey görüntülemiyor ...... Bu yeni oluşturulmuş etikete eklenen onclick olayı çalışmıyor ....... herhangi bir öneri ...... ...........

+2

İki öğede aynı kimliği kullanıyorsunuz. Sadece bir kez bir kimlik kullanın. – Kayla

+0

@tylermwashbum kimliği bir kez kullanılarak .......... – thuk

+0

'1' kimliğine sahip iki etiket vardır. BTW, bir numaradan başlayarak kimlik kullanmamalısınız. – kapa

cevap

17

Sen vaka burada önemli (değil "onClick") dikkat, d.onclick=function(){a(1);}; ayarlamanız gerekir.

görüş ve oluşturduğum güncellenen sorular dayanarak [Düzenle]

bir jsFiddle to demonstrate işe yarayan bir şey haline kodunuzu nasıl yapabileceğimiz.

+1

Özellikle, bu düzeltmeyi denedikten sonra ne işe yaramıyor? Bu özelliği ekledikten sonra bu etikete tıkladığımda – DavidJCobb

+0

. Bu işlevi çağırmıyor ......... – thuk

+0

@maerics. onclick olayı hala çalışmıyor. Sorun ne olabilir...?? – thuk

6
d.setAttribute('onclick', 'alert(\'hello\');'); 
0

bir HTML etiketine bir öznitelik oluşturmak için, bazen bu eklemek zorunda:

yourTag.src 
yourTag.src = 'http://lolxd.com/404.png' 

Ama özel nitelikler vardır ve bunları düzenleme için diferents yolu vardır:

yourTag.classList 
yourTag.className 

Ve orada onclick özellik, wichwe bu gibi kullanabilirsiniz edilir:

// The first way 
obj.onclick = function() { alert('lalala') } 
// With the Event Listener 
obj.addEventListener('click', function() { alert('lalala') }, false) 
// Or, a text-render way 
obj.setAttribute('onclick', 'alert(`lalala`)') 

Etkinlik Dinleyicisi yolunu tavsiye ediyorum, ancak hepsini deneyin: D

İlgili konular