JavaScript : Uncaught TypeError: Cannot set property 'href' of null

Question

While changing the href through javascript getting this error.Not able to change the href through javascript

<script type="text/javascript">
    var element = document.querySelector('a[href="www.google.com"]');
    element.href = "http://stackoverflow.com";
  </script>

<div id="footer">
    <ul>
      <li>
        <a target="_blank" href="http://www.google.com">Google</a> 
      </li>
    </ul>
  </div>

Possible duplicate of [Why does jQuery or a DOM method such as getElementById not find the element?](http://stackoverflow.com/questions/14028959/why-does-jquery-or-a-dom-method-such-as-getelementbyid-not-find-the-element). Also, verify that `www.google.com` is the actual value you want to match, or use `href*=` instead of `href=`. — Sebastian Simon, Dec 26 '16 at 12:38

Jonas Wilms · Answer 1 · 2016-12-26T12:39:07.987

1

window.onload=()=>{
   var element = document.querySelector('a[href="http://www.google.com"]');
   element.href = "http://stackoverflow.com";
 };

the window needs to be ready...

edited Dec 26 '16 at 12:39

answered Dec 26 '16 at 12:35

Jonas Wilms

106,571
13
98
120

score 0 · Answer 2 · answered Dec 26 '16 at 12:38

Match the complete value and execute the script after the div

document.querySelector('a[href="http://www.google.com"]')

<div id="footer">
    <ul>
      <li>
        <a target="_blank" href="http://www.google.com">Google</a> 
      </li>
    </ul>
  </div>

<script type="text/javascript">
    var element = document.querySelector('a[href="http://www.google.com"]');
    element.href = "http://stackoverflow.com";
  </script>

score 0 · Answer 3 · answered Dec 26 '16 at 12:41

0

Try this

 var element = document.querySelector('a');
 if(element.href === 'http://www.google.com/'){
  element.href = "http://stackoverflow.com";
 }

answered Dec 26 '16 at 12:41

Sharmila

725
4
11

JavaScript : Uncaught TypeError: Cannot set property 'href' of null

3 Answers3