[SOLVED] Problem serving HTML entities with javascript

[thebadbad]

Hey folks.

 

I have a really annoying problem serving HTML entities with javascript.

I have a hide/show function applied to a div, and it's triggered when I click a link.

It's working great, but I also wanted the link text to change onclick, from "↓ Info" to "↑ Info" and vice versa. The problem is, that my javascript converts the ampersand to &, so that I end up with "↓ Info" and "↑ Info" in my HTML. My function looks like this:

 

function toggle() {
var link = document.getElementById("infobuttonlink");
var info = document.getElementById("info");
link.firstChild.nodeValue = (link.firstChild.nodeValue == "↓ Info") ? "↑ Info" : "↓ Info";
info.style.display = (info.style.display == "none") ? "block" : "none";
}

 

I've tried using single quotes around the link text (in the javascript), and also using the unicode character \u0026 and the \x26 without any success. Please help

[emehrkay]

if "link.firstChild" is a anchor element, you could do innerHTML

 

link.firstChild.innerHTML = (link.firstChild.innerHTML == "↓ Info") ? "↑ Info" : "↓ Info";

[thebadbad]

Thanks mate, solved it