removeChild error

[tader]

Hi,
so i got script like that

var div_box = document.createElement("div");
div_box.setAttribute("id", "music_box");
div_box.style.top = (Number(cords[1]) - 10) + "px";
div_box.style.left = (Number(cords[0]) - 10) + "px";        
document.body.appendChild(div_box);
 
var mb_element = document.createElement("div");
mb_element.setAttribute("id", "mb_element");
mb_element.innerHTML = "Test";
$.id("music_box").appendChild(mb_element);
 
$.addEventListener($.id("music_box"), "mouseout", function() {
    document.body.removeChild($.id("music_box"));
});
 

and when mouseout i got this error on mozilla firebug

[Exception... "Component returned failure code: 0x80004003 (NS_ERROR_INVALID_POINTER) [nsIDOMHTMLBodyElement.removeChild]" nsresult: "0x80004003 (NS_ERROR_INVALID_POINTER)" location: "JS frame :: http://msounds.lietuvoje.com/main_js.js :: anonymous :: line 365" data: no]
[Break on this error] document.body.removeChild($.id("music_box"));
 

what is wrong????

[pronerd]

I do not think the "$." is legal syntax in JavaScript. Also the removeChild() function is supposed to have the element to be removed passed to it, not the element's ID attribute. call should look like this.

    document.body.removeChild(div_box);
 

[tader]

well it does remove box when i use

document.body.removeChild(div_box); 

but then i get error like this

Node was not found" code: "8
[Break on this error] document.body.removeChild(div_box);
 

[pronerd]

but then i get error like this

Node was not found" code: "8
[Break on this error] document.body.removeChild(div_box);
 

Are you calling that line more than once? If so that is likely the problem. Once an element has been removed it can not be removed again. Also are you still using "$." in your code?

[tader]

o ok i understand the problem ty for your help

[acoder]

I'm not sure about $., but $() is definitely legal if you're using Prototype. You can grab one element or a number of elements using the $ function.