Pass a string parameter in an onclick function

by

It looks like you’re building DOM elements from strings. You just need to add some quotes around result.name:

'<input type="button" onClick="gotoNode(\'' + result.name + '\')" />'

You should really be doing this with proper DOM methods though.

var inputElement = document.createElement('input');
inputElement.type = "button"
inputElement.addEventListener('click', function(){
    gotoNode(result.name);
});

​document.body.appendChild(inputElement);​

Just be aware that if this is a loop or something, result will change before the event fires and you’d need to create an additional scope bubble to shadow the changing variable.

More Related Contents:

  1. How to create button to check uncheckable checkbox
  2. Set cookie and get cookie with JavaScript [duplicate]
  3. contenteditable, set caret at the end of the text (cross-browser)
  4. Chrome extension – retrieving global variable from webpage
  5. Zoom Canvas to Mouse Cursor
  6. JSFiddle code not working in my own page
  7. All About…. Z-Index?
  8. html5 localStorage error with Safari: “QUOTA_EXCEEDED_ERR: DOM Exception 22: An attempt was made to add something to storage that exceeded the quota.”
  9. Getting the parent div of element
  10. Text-overflow ellipsis on left side
  11. JavaScript DOM: Find Element Index In Container
  12. Check if my website is open in another tab
  13. Jquery Event won’t fire after ajax call
  14. Get unique selector of element in Jquery
  15. How to get all selected values from ?
  16. Set content of iframe
  17. How to print HTML content on click of a button, but not the page? [duplicate]
  18. React: why child component doesn’t update when prop changes
  19. How To Show And Hide Input Fields Based On Radio Button Selection
  20. Measure distance between two HTML elements’ centers
  21. Onclick reload the div only
  22. How to create checkbox inside dropdown?
  23. Error message “DevTools failed to load SourceMap: Could not load content for chrome-extension://…”
  24. How to flip images horizontally with HTML5
  25. clearing circular regions from HTML5 Canvas
  26. How to check if HTML5 audio has reached different errors
  27. Close a SELECT dropdown list programmatically with Javascript/jQuery
  28. contenteditable div backspace and deleting text node problems
  29. Removing backslashes from strings in javascript
  30. Possible to reverse a css animation on class removal?

Leave a Comment