Question

I have the following

var id='123';  newDiv.innerHTML = '<a href=\'#\' onclick=\' TestFunction(''+id+'', false);\'></a>'; 

Which renders <a href='#' onclick='return Testfunction('123',false);'></a> in my HTML.

The problem I have is that I wish to take the call to the method TestFunction, and use as a string parameter in my function StepTwo(string, boolean), which would ideally end up in live HTML as shown…

<a href='#' onclick='StepTwo('TestFunction('123',false)',true)'></a> 

notice how the TestFunction is a string here (it is executed within StepTwo using eval).

I have tried to format my JS as by :

newDiv.innerHTML = '<a href=\'#\' onclick=\'StepTwo(\'TestFunction(''+id+'', false);\',true)\'></a>'; 

but while this appears to me correct in my IDE, in the rendered HTML, it as garbelled beyond belief.

Would appreciate if anyone could point me in the right direction. Thanks!

Answer 1

Try using " instead of \’

newDiv.innerHTML = "<a href=&quot;#&quot;…