Question

我想调整div测试中的所有图像，但它不适用于脚本和html

<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>

Answer 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';

Answer 2

问题清单

语法错误：decoument应为document。
您正在找到#test元素，但从不使用它来过滤其中的图像..
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/

Answer 3

在js问题中使用数组已修复.. :) 函数over（） {

var x=document.getElementById("p1");
alert(x.innerHTML);

var s = document.getElementsByTagName("h1");
alert(s[0].innerHTML);
s[0].innerHTML="changed";

x.innerHTML="text is change successfully ";

}

js得到标签名称不起作用

3 个答案: