2011-10-11 44 views
-1

我想調整的div測試中的所有圖像,但它不是在這裏工作的腳本和HTMLJS獲得由不工作

<script type="text/javascript"> 
function x(){ 
    var yourdiv = document.getElementById('test'); 
    var yourImg = decoument.getElementsByTagName('img'); 
     yourImg.style.height = '400px'; 
     yourImg.style.width = '300px'; 
    } 
</script> 

<div id="test"> 
<img alt='' src='imges/book1.jpg' /> 
<img alt='' src='imges/book2.jpg' /> 
</div> 
+3

如果這是真正的C那麼這個問題就是第四行的'放棄'。 – frisco

+0

這就是div風格 user974946

回答

1

document.getElementsByTagName('img');返回一個節點列表不是一個單一的元素的標籤名

var yourImg = document.getElementsByTagName('img'); // both img tags in this list 
    yourImg[0].style.height = '400px'; 
    yourImg[0].style.width = '300px'; 
+1

更不用說他把文檔拼寫成了裁剪。 –

+1

..語法錯誤! 'decoument'應該是'document' –

+0

@ GabyakaG.Petrioli,謝謝我忘了在第二個地方改變它 – Joe

1

名單的問題

  1. 語法錯誤:decoument應該是document
  2. 您發現該#test元素,但從來沒有使用它的圖像過濾器內部它..
  3. getElementsByTagName返回一個列表,所以你需要遍歷該列表中的元素..

所有問題固定

function x(){ 
    var yourdiv = document.getElementById('test'); 
    var yourImg = yourdiv.getElementsByTagName('img'); // use yourdiv and not document to only search for images inside the yourdiv element 
    for (var counter = 0; counter < yourImg.length; counter++) { // loop the list of images 
     yourImg[counter].style.height = '400px'; 
     yourImg[counter].style.width = '300px'; 
    } 
} 

演示在http://jsfiddle.net/gaby/dCSsP/