Why does an onclick property set with setAttribute fail to work in IE?

by

to make this work in both FF and IE you must write both ways:


    button_element.setAttribute('onclick','doSomething();'); // for FF
    button_element.onclick = function() {doSomething();}; // for IE

thanks to this post.

UPDATE:
This is to demonstrate that sometimes it is necessary to use setAttribute! This method works if you need to take the original onclick attribute from the HTML and add it to the onclick event, so that it doesn’t get overridden:

// get old onclick attribute
var onclick = button_element.getAttribute("onclick");  

// if onclick is not a function, it's not IE7, so use setAttribute
if(typeof(onclick) != "function") { 
    button_element.setAttribute('onclick','doSomething();' + onclick); // for FF,IE8,Chrome

// if onclick is a function, use the IE7 method and call onclick() in the anonymous function
} else {
    button_element.onclick = function() { 
        doSomething();
        onclick();
    }; // for IE7
}

More Related Contents:

  1. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  2. Why does JavaScript only work after opening developer tools in IE once?
  3. Check if user is using IE
  4. .trim() in JavaScript not working in IE
  5. addEventListener in Internet Explorer
  6. Dropdownlist width in IE
  7. Intercept page exit event
  8. Detecting the onload event of a window opened with window.open
  9. “Object doesn’t support this property or method” IE10/11
  10. adding custom functions into Array.prototype
  11. Can I force a link to open in a specific browser?
  12. Does IE8 out-of-the-box have support for ‘localStorage’
  13. window.location.reload with clear cache [duplicate]
  14. What causes the error “Can’t execute code from a freed script”
  15. How to make Internet Explorer emulate pointer-events:none?
  16. How JavaScript closures are garbage collected
  17. Code with classList does not work in IE?
  18. SCRIPT438: Object doesn’t support property or method IE
  19. How can I target only Internet Explorer 11 with JavaScript?
  20. Forcing a DOM refresh in Internet explorer after javascript dom manipulation
  21. Best way to check for IE less than 9 in JavaScript without library
  22. How can I detect Internet Explorer (IE) and Microsoft Edge using JavaScript?
  23. JQuery Ajax post parameters sometimes not sent on IE
  24. Alternative version for Object.values()
  25. How to trigger script.onerror in Internet Explorer?
  26. Opening a file in local file system in javascript
  27. How can I use console logging in Internet Explorer?
  28. IE10/11 Ajax XHR error – SCRIPT7002: XMLHttpRequest: Network Error 0x2ef3
  29. IE’s toLocaleString has strange characters in results
  30. Why does IE nuke window.ABC variables?

Leave a Comment