delete an object

[cleary1981]

Can anyone help me. I need a function to delete an object. Here is the function I use to create objects.

function showObject (){
    if (request.readyState == 4) {
    var returned = request.responseText;
    var splitResult = returned.split(" ");
    var h = splitResult[0];
    var w = splitResult[1];    // the dimensions must be set to a scale as they are to big for the screen. 25px represents 100mm
    h = h/5;
    w = w/5;
 
    cv = document.getElementById("canvas");
    newObject = document.createElement('div');
    newObject.Class = g_objName;
    newObject.id = "newObject";
    newObject.innerHTML = g_objName;
    newObject.alt = g_objName;
    newObject.style.height = h;
    newObject.style.width = w;
    newObject.onmousedown=function(){grab(this);}    
    cv.appendChild(newObject);
}
}
 

[acoder]

Use removeChild().

[cleary1981]

Yeah but how do I removeChild where newObject.innerHTML is a specified value?

[acoder]

If you have a number of divs, use getElementsByTagName("div") on the canvas and check the contents of each one.

[cleary1981]

I can get the elements by tagname but I cant get at the one I want. Can anyone advise? Heres what ive been trying

var arr = new Array(); arr = document.getElementsByTagName("div");  //make array of all divs with id = newObject
    // alert("Total Number of HTML Elements Found: " + document.documentElement.getElementsByTagName("div").length); 
    for(var i=0; i < arr.length; i++) 
        {
            //check innerHTML against obj_name
            alert("innerHTML" + document.documentElement.getElementsByTagName("*").item(i).nodeName);
        }

[acoder]

Use indexOf to find the specified string. You would against arr[i].innerHTML in the loop.

You can just get the div elements within the canvas element rather than the whole page if you use cv.getElementsByTagName("div") where cv is the canvas element.

Just a note that IDs should be unique. You can't have the same ID for more than one element in a page.

[cleary1981]

changed the id and was able to do it quite simply. thanks

[acoder]

Oh yes, of course, if you make each element unique, that pretty much solves your problem. Good to hear that it's sorted.