The problem with your code is that the your script is executed prior to the html element being available. Because of the that var comment
is an empty array.
So you should move your script after the html element is available.
Also, getElementsByClassName
returns html collection, so if you need to add event Listener to an element, you will need to do something like following
comment[0].addEventListener('click' , showComment , false ) ;
If you want to add event listener to all the elements, then you will need to loop through them
for (var i = 0 ; i < comment.length; i++) { comment[i].addEventListener('click' , showComment , false ) ; }
Related Posts:
- Failed to load resource: the server responded with a status of 404 (Not Found)
- Maximum call stack size exceeded error
- Google Chrome Uncaught (in promise) DOMException while playing AUDIO
- How to make a word underline in Markdown
- ChartJS beginAtZero, min, max doesn’t work
- how to fix : ” TypeError: Cannot read property ‘addEventListener’ of null”…?//
- Cannot set property InnerHTML of null [duplicate]
- ReferenceError: $ is not defined
- React.js: Set innerHTML vs dangerouslySetInnerHTML
- How can I scroll to an element using jQuery?
- jQuery.click() vs onClick
- jQuery Get Selected Option From Dropdown
- Add swipe left/right to web page, but use default swipe up/down
- Check if checkbox is checked with jQuery
- What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
- Angular: mat-form-field must contain a MatFormFieldControl
- (change) vs (ngModelChange) in angular
- Change Background color (css property) using Jquery
- Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
- Get class name using jQuery
- How to clear the canvas for redrawing
- JavaScript get element by name
- Use images like checkboxes
- Completely disable scrolling of webpage
- TypeError: Cannot Set property ‘onclick’ of null
- How do I scroll to an element using JavaScript?
- display variable image using cookies
- character counter – backspace doesn’t reflect on characters remaining
- Open URL in same window and in same tab
- Create table with jQuery – append
- How to convert selected HTML to Json?
- How would I call a javascript function in html?
- How to Open New window on every Click
- Cannot read property ‘getContext’ of null, using canvas
- Coin toss with JavaScript and HTML
- Play an audio file using jQuery when a button is clicked
- How to move an element after another element using JS or jquery?
- How to use Javascript to read local text file and read line by line?
- Why is the jquery script not working?
- getBoundingClientRect is not a function
- Jquery button click() function is not working
- Make iframe automatically adjust height according to the contents without using scrollbar?
- How do I modify the URL without reloading the page?
- Textarea Auto height
- How to add onload event to a div element
- How do I check whether a checkbox is checked in jQuery?
- Print the contents of a DIV
- How to create a HTML Cancel button that redirects to a URL
- Embedding instagram webpage inside an iframe
- How to get the selected radio button’s value?
- Creating a div element in jQuery
- why angularjs ng-repeat not working
- Scroll to bottom of div?
- document.getElementById().value doesn’t set the value
- How to run a function when the page is loaded?
- Clearing my form inputs after submission
- Reload an iframe with jQuery
- Highlight a word with jQuery
- Video auto play is not working in Safari and Chrome desktop browser
- How to change the buttons text using javascript
- how to display a div triggered by onclick event
- Why is jquery show() not working in example
- How can I use jQuery to run MySQL queries?
- anchor jumping by using javascript
- jQuery scrollTop() method not working
- FormData append not working
- getContext is not a function
- How to change the text of a label?
- JavaScript – Count Number of Visitor for Website
- Strip HTML from Text JavaScript
- Using “×” word in html changes to ×
- How do I store an array in localStorage?
- Fire oninput event with jQuery
- Changing the selected option of an HTML Select element
- Positioning element at center of screen
- img onclick call to JavaScript function
- How to scroll to top of page with JavaScript/jQuery?
- Calling a JavaScript function in another js file
- How to embed an autoplaying YouTube video in an iframe?
- JavaScript code not running in HTML5 document
- Cannot read property ‘style’ of undefined — Uncaught Type Error
- Unexpected token < in first line of HTML
- How to make HTML element resizable using pure Javascript?
- How to set “style=display:none;” using jQuery’s attr method?
- WordPress Bootstrap Handburger Menu Wont Open
- The value of attribute [ data-type ] must be in double quotes – custom html widget error
- Adding JavaScript to a WordPress website
- Insert “javascript:void(0);” into URL
- How to display post content in the block editor
- My Button Default Click Is Not Working In WordPress Using Javascript Code
- Why is JavaScript being added to header as application/oembed?
- Make a script work within a page
- how to let users upload their custom cover image
- Putting custom html/js page into Elementor as it’s own block
- Add Paypal button redirect to a specific page after completing
- Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
- Making the HTML list to a checkbox tree with the plugin jstree [closed]
- dropdown does not work [closed]
- How do I cycle a JS function in WordPress? [closed]
- Sending GravityForms to custom HTML