我尝试输入一个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。谁能告诉我这个问题在哪里?
答案 0 :(得分:0)
在最后一行,它应该拼写getElementsByTagName
,而不是getElementsByTageName
。
document.getElementsByTagName("img").style.height=sloppy; // should work