这是我的代码。当我替换$(“ 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/

10-11 12:29