获取有关querySelector

javascript

2015-12-06 157 views 1 likes

空值我试图复制粘贴Mozilla的入门教程的Javascript代码获取有关querySelector

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'); 
    } 
}

我得到一个错误“无法设置属性的‘onClick’空的”。如何更正代码？

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

来源

2015-12-06 rony jacob

页面中是否有一个img标记？ –

您是否在加载页面后执行此操作？ –

根据mdn页面，您没有图像“如果找不到匹配项，则返回null;否则，返回第一个匹配元素。”来源：https：//developer.mozilla.org/en-US/docs/Web/API/Element/querySelector 你可以发布你的HTML？ –

回答

您可能会尝试在呈现元素之前分配点击处理程序，以便查询选择器无法找到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'); 
     } 
    } 
}

来源

2015-12-06 14:09:39

获取有关querySelector

回答

相关问题