Javascript innerHTML kullandığımda neden görüntüm görünmüyor?

Javascript'te oldukça yeni ve bir şeyler deniyordum. InnerHTML kullanarak bir tablo içinde bir görüntü yüklemek için bir işlev kullanıyorum. Ancak, görüntünün alt kısmında uyarı ("ne olursa") çağırmadıkça görüntü görünmüyor, ardından uyarı görünürken görünür. Ben kullanıyorum kod Ben bu işe yaramazsa neden ben benzer baktım bütün örnekler anlamıyorumJavascript innerHTML kullandığımda neden görüntüm görünmüyor?

<script> 
    function show(){ 
     document.getElementById('imageHolder1').innerHTML="<a href="#"><img='photos/picture.jpg' border=0/></a>"; 
    } 
</script> 

<body> <input name="b1" type="button" value="pics" onclick="show()"/> 
<table><td id='imageHolder1'>picture</td></table> 
</body> ``

(fonksiyon harici js dosyasından denir) gibi bir şey büyük farklar görmüyorum.İşaretle denediğimde işe yaramıyor. Peki herhangi bir yardım edilir! Şimdiden teşekkürler, ve nasıl yapılacağına dair herhangi bir öneriniz varsa (javascript'i hala öğrendiğimden beri jquery yok) bunu takdir ediyorum. Tekrar teşekkürler!

document.getElementById('imageHolder1').innerHTML="<a href="#"><img='photos/picture.jpg' border=0/></a>";

okumak mı

document.getElementById('imageHolder1').innerHTML="<a href='#'><img src='photos/picture.jpg' border=0/></a>";

(yerine 'için uyarı ")

kaynak

2012-03-01 biobio

# ini kontrol et string: innerHTML, üzerinde çalıştığınız her şeyin doğru ve iyi bir HTML olduğundan emin olmanız gerektiğinden dolayı çalışmanız gereken bir canavardır.Personel, appendChild vb. gibi javascript'i manipüle eden daha ayrıntılı, ancak daha değerli olan DOM'a bakmak isteyebilir. – user17753

Ayrıca, bu hataların tespit edilmesi daha kolay olduğundan, FF veya diğer bazı JavaScript hata ayıklayıcıları için ateş böceği gibi bir şeyle çalışmanızı öneririm. – user17753

teşekkürler, appendChild'i deneyeceğim ve kesinlikle bu örnekle çalıştığı anlaşılan Javascript hata ayıklayıcılarına bakacağım – biobio

Sen dizede bir hata var. href='#' olmalıdır.

function show(){ 
    document.getElementById('imageHolder1').innerHTML="<a href='#'><img src='photos/picture.jpg' border='0'/></a>"; 
}

kaynak

2012-03-01 21:35:57

Bu kötü bir kesme-n-macun olmalı, aksi takdirde bir Synt üretecekti axError –

true, – biobio

görüntü src katkısı olmayan ve:

kaynak

2012-03-01 21:36:43 clem

sonra aşağıdaki kullanarak imajını 'image' kimliğine vererek deneyin:

function show(){ 
    document.getElementById('image').src = 'photos/picture.jpg' 
}

kaynak

2012-03-01 21:38:06 Jack

yapıştığında src'yi sildim teşekkürler! işe yarıyor. – biobio

Yardım ettiğim için mutluyuz. – Jack

kodunuzda hataları ve tembel kısayolları bir sürü vardır. Bir keman yaptım ve çok aceleci bir işe benzeyen bir kaç yeri düzeltmek zorunda kaldım ... işte senin keman, ama biraz bağlılıkla oyna: http://jsfiddle.net/uXpeK/

kaynak

2012-03-01 21:41:58 mindandmedia

Bunu yapmak için zaman ayırdığınız için çok teşekkürler! Sanırım önemli özelliklerin yerleştirilmesi ile ilgili bir şey var. – biobio

Javascript innerHTML kullandığımda neden görüntüm görünmüyor?

cevap

İlgili konular