How to add my own methods to HTMLElement object?

by

Although you can prototype on the HTMLElement in many browsers – Internet Explorer (6,7,8) is NOT one of them. AFAIK, IE9 does support this (though I haven’t tested it).

For browsers that do handle it, you can do:

HTMLElement.prototype.doHello = function(thing){
  console.log(this + ' says: ' + thing)
}

document.body.doHello('hello')

More Related Contents:

  1. Assigning prototype methods *inside* the constructor function – why not?
  2. How does basic object/function chaining work in javascript?
  3. How does this object method definition work without the “function” keyword?
  4. How to display all methods of an object?
  5. JavaScript – Owner of “this”
  6. How do I call a dynamically-named method in Javascript?
  7. How to call a parent method from child class in javascript?
  8. multiple conditions for JavaScript .includes() method
  9. Javascript dynamically invoke object method from string
  10. jQuery: difference between .click() AND .on(“click”)
  11. Method vs Functions, and other questions
  12. How do you create a method for a custom object in JavaScript?
  13. jQuery call function from a string [duplicate]
  14. includes() not working in all browsers
  15. Methods vs Computed in Vue
  16. Returning value from asynchronous JavaScript method?
  17. The reason to use JS .call() method?
  18. Why aren’t methods of an object created with class bound to it in ES6?
  19. How to make page loaders/animations/transitions
  20. Get specific text from html tag jquery [duplicate]
  21. How do I redirect with JavaScript? [duplicate]
  22. How can I read the client’s machine/computer name from the browser?
  23. keypress and keyup – why is the keyCode different?
  24. What Is A Text Node, Its Uses? //document.createTextNode()
  25. Why useEffect running twice and how to handle it well in React?
  26. get all the href attributes of a web site [duplicate]
  27. Jquery click event not firing on the element created dynamically using jquery
  28. How to iterate using ngFor loop Map containing key as string and values as map iteration
  29. Choppy/Laggy scroll event on Chrome and IE
  30. Why arguments in all JavaScript Documentation are written like this? [duplicate]

Leave a Comment