获取一个不能设置属性'值'的空消息，当试图改变什么's图像标签

getting a Cannot set property 'value' of null message when trying to change what's in an image tag

本文关键字：消息 图像 标签 什么 改变 一个 不能 获取 属性 设置      更新时间：2023-09-26

这是我的代码。当我替换$("default ")时，它可以工作。显示文档。写声明，但我不想用文档。写声明。有什么建议我做错了吗?提前感谢- javascript新手。

<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"]')。这是针对名称属性为'default '的img标签的。

如果你想改变img标签的src，你不能这样做。尝试代替$('img[name="defaultimage"]').attr('src',newsource)，其中newsource是一个包含您希望图像标记具有的新源的变量。

嗯，这里有很多问题。哈哈。在图像上使用类或id会更有意义。

试试这些信息，如果你需要更多的信息，请告诉我。

你的选择器应该是:

$("image[name='name']")

请阅读这篇文章以获取更多信息:

http://www.javascriptkit.com/dhtmltutors/css_selectors_api.shtml

您的var $是getElementById，您应该将img元素的id传递给它，而不是名称。将<img src="Default.png" name="defaultimage">更改为<img src="Default.png" id="defaultimage">，它将工作

相关文章：