随机图像高度不起作用?

时间:2015-04-19 07:12:10

标签: javascript html css dom

我尝试输入一个JavaScript函数,当用户在键盘上键入给定键时,具有33px到47px之间随机高度属性的相应图像会添加到输出div中。

在CSS中我有这个:

img {
  margin: 0 1px;
  width: 40px;
  height: 40px;
}       

这是我在JS脚本中的内容:

var outputStuff = "<br />";
document.addEventListener('keydown', function(event) {
if (event.keyCode == 65) {
var arrayA = [ //several images of the letter 'a' to randomly choose from
              ];
             var longy = arrayA.length;
             var randy = Math.floor((Math.random())*longy);
             outputStuff = outputStuff + arrayA[randy];
             document.getElementById('showType').innerHTML = outputStuff;
}
// a lot of 'else if' code here for B-Z, 0-9, etc. all of this works fine

var sloppy = (40 + Math.round(14 * (Math.random() - 0.5))) + "px";
    document.getElementsByTageName("img").style.height=sloppy; // this is line 517

无论我做什么,我的Javascript控制台总是给我&#34; Uncaught TypeError:undefined不是函数&#34;在第517行,每张图像的高度保持在40px。谁能告诉我这个问题在哪里?

1 个答案:

答案 0 :(得分:0)

在最后一行,它应该拼写getElementsByTagName,而不是getElementsByTageName

document.getElementsByTagName("img").style.height=sloppy; // should work