这是我的代码。当我替换$(“ defaultimage”)。value = imgStr;时,它起作用与document.write语句,但我不想使用doc.write语句。关于我做错了什么提示?在此先感谢-javascript noob。
<html lang="en">
<head>
<meta charset="UTF-8"
<title></title>
<link rel="stylesheet" href="ColorPerceptionTest.css">
</head>
<body>
<section>
<img src="Default.png" name="defaultimage">
<form>
<input type="button" value="Button1" onClick="getRandomImage(imagesArray)">
<input type="button" value="Button2" onClick="()">
<input type="button" value="Button3" onClick="()">
<br>
<input type="button" value="Start" onClick="()">
<input type="button" value="Help" onClick="()">
</form>
</section>
<script>
var $ = function(id) {
return document.getElementById(id);
}
var imagesArray = ["1.gif", "2.gif", "3.gif", "4.gif", "5.gif", "6.gif", "7.gif",
"8.gif", "9.gif", "10.gif", "11.gif", "12.gif", "13.gif",
"14.gif", "15.gif"];
function getRandomImage(imgAr, path) {
path = path || 'images/'; //gets the default path here
var num = Math.floor( Math.random() * imgAr.length );
var img = imgAr[ num ];
var imgStr = '<img src="' + path + img + '" alt = "">';
$("defaultimage").value = imgStr;
}
</script>
</body>
最佳答案
您的选择器有误。现在,使用$("defaultimage")
您正在尝试选择一个<defaultimage></defaultimg>
替代$('img[name="defaultimage"]')
。这是针对名称属性为'defaultimage'的img标签。
另外,如果要更改src
标记的img
,则不能这样做。请尝试$('img[name="defaultimage"]').attr('src',newsource)
,其中newsource
是一个变量,其中包含您希望图像标签具有的新源。
好吧,这里有很多错误。哈哈。在图像上使用类或id会更有意义。
试试看这些信息,如果您需要其他信息,请告诉我。
关于javascript - 尝试更改图像标签中的内容时,获取无法设置的null消息的属性“值”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33005669/