Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 随机图像高度不工作?_Javascript_Html_Css_Dom - Fatal编程技术网

Javascript 随机图像高度不工作?

Javascript 随机图像高度不工作?,javascript,html,css,dom,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(even

我试图键入一个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控制台总是给我未捕获的TypeError:undefined不是517行的函数,每个图像的高度保持在40px。有人能告诉我问题在哪里吗?

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

您有语法错误,GetElementsByAgename错误。编译器告诉您在哪里查找。
document.getElementsByTagName("img").style.height=sloppy; // should work