Js按标签名get不工作

js get by tag name not working

本文关键字：工作 get 标签名 Js      更新时间：2023-09-26

我想调整div test中所有图像的大小，但它不工作在这里的脚本和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';

问题列表

  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';
    }
}
在<<p> 演示/strong> http://jsfiddle.net/gaby/dCSsP/

使用数组在js问题修复…:)在()函数{

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

}

相关文章：