trouble with quotes

[yemista]

I have this line of javascript:

throne.innerHTML =  "<a href=home.php onclick='document.body.removeChild(document.getElementById("+"'throne'"+"));return false';>HEllo</a>";

the problem is its coming out as

<a href="home.php" onclick="document.body.removeChild(document.getElementById('throne'));return false;">HEllo</a>

i dont understand why javascript is not using the quotes as id like them to be used. ideally, i want this:

<a href="home.php" onclick="document.body.removeChild(document.getElementById(" throne'));return="" false';="">HEllo</a>

[jmrker]

Use the escape character, '\',to specify which nested quote is to be referenced as it actually intended. It all has to do with nesting of the quotes as you have written it.

[Old Pedant]

What JMrkr said. BUT...

What is WRONG with this:

<a href="home.php"
 onclick="document.body.removeChild(document.getElementById('throne'));return false;"
>Hello</a>

That's perfectly legal and correct JavaScript. Though I can't for the life of me see how you got it from the code you claimed you used. For starters, what put the "..." around home.php??

Whereas this, that you say you want, is totally bogus:

<a href="home.php" 
onclick="document.body.removeChild(document.getElementById(" throne'));return="" false';=""
>HEllo</a>

It doesn't even make sense. You can't use return= anything.

Are you trying to put in the *VALUE* of the variable throne ??? Or, more likely, are you trying to use the ID of the DOM object referenced by your throne variable??

In that case:

throne.innerHTML =  
    '<a href="home.php" onclick="document.body.removeChild(document.getElementById(\''
           + throne.id +'\'));return false';">HEllo</a>';

[Old Pedant]

I *have* to ask: Why do you use href="home.php" when you are going to use return false to suppress the action of the <a> tag, anyway? Why not just href="#" ??

[felgall]

Originally Posted by Old Pedant

I *have* to ask: Why do you use href="home.php" when you are going to use return false to suppress the action of the <a> tag, anyway? Why not just href="#" ??

You don't even need to include the href= in the <a> tag in situations like this. Then once you've dropped that you can also drop the return false as then there is no default to disable.