Question

我尝试从Mozilla开始使用Javascript教程

复制粘贴代码

var myImage = document.querySelector('img');

myImage.onclick = function() {
    var mySrc = myImage.getAttribute('src');
    if(mySrc === 'images/firefox-icon.png') {
      myImage.setAttribute ('src','images/firefox2.png');
    } else {
      myImage.setAttribute ('src','images/firefox-icon.png');
    }
}

我收到错误＆＃34;无法设置属性＆＃39; onclick＆＃39; of null＆＃34;。如何纠正代码？

我刚刚开始使用javascript。如果我这是一个愚蠢的错误，请原谅我。

Answer 1

您可能尝试在呈现元素之前分配单击处理程序，以便查询选择器找不到img标记。尝试在页面渲染后执行脚本

window.onload = function () {
    var myImage = document.querySelector('img');

    myImage.onclick = function() {
        var mySrc = myImage.getAttribute('src');
        if(mySrc === 'images/firefox-icon.png') {
          myImage.setAttribute ('src','images/firefox2.png');
        } else {
          myImage.setAttribute ('src','images/firefox-icon.png');
        }
    }
}

在querySelector上获取null值

1 个答案: