Javascript js按标记名获取不工作

我想调整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>

document.getElementsByTagName'img'；返回节点列表而不是单个元素

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

问题清单

语法错误：decoument应该是文档。 您正在查找测试元素，但从未使用它来过滤其中的图像。。 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';
    }
}

---

演示在

使用js中的数组问题已修复 功能结束 {

---

}

如果这是真正的代码，那么问题是第4行的“decoument”。这是div样式的测试img{height:1000px；width:1000px；}更不用说他将文档错贴为decoument.@gabykag.Petrioli，谢谢，我忘了在第二个位置更改它

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