addEventListener gone after appending innerHTML
- by Vishal Shah
Okay, so i have the following html added to a site using javascript/greasemonkey.
(just sample)
*a id='abc'*HEllo*/a*
*a id='xyz'*Hello*/a*
(excuse me, i've had to replace the '<' '' with * since hyperlinks for new users aren't allowed!)
and i've also added a click event listener for the elements.
All works fine up to this point, the click event gets fired when i click the element.
But... i have another function in the script, which upon a certain condition, modifies that html,
ie it appends it, so it looks like:
*a id='abc'*HEllo*/a*
*a id='xyz'*Hello*/a*
*a id='123'*Hello*/a*
but when this is done, it breaks the listeners i added for the first two elements...
nothing happens when i click them.
if i comment out the call to the function which does the appending, it all starts working again!
help please...