I am using removeNode() to remove a table (tbody) from the document like this:
the_table = document.getElementById(the_table_id);
the_table.removeNode(true);
However when I access the length property like this:
the_div = document.getElementById(my_div_id);
the_div.getElementsByTagName("tbody").length
....I seem to get a value that does not reflect the fact that the tbody node has been removed. This is causing me big problems!
As you might know, removeNode() is an IE DOM extension (works only for IE5, IE6 and Opera 8 but not in IE 5.2 for Mac, Moz, Safari.
Following one of my clients request I think I found a cross-browser solution to remove a node but keeping it's childs. The request was to find a function which will remove, onevent, the <a href=""> tags, but keeping the inner text.
This is what I have done. If you know a better or a shorter solution, please let me know:
function removeN(tag){
var tags = document.getElementsByTagName(tag);
for (var i=tags.length-1;i>=0;i--){
var root = tags[i].parentNode;
var kids = tags[i].childNodes;
var eSpan = document.createElement('span')
for(var j=0;j<kids.length;j++){
clon = kids[j].cloneNode(true);
eSpan.appendChild(clon)
}
root.replaceChild(eSpan,tags[i])
}
}
the variable tag might be 'a', 'strong', 'em'....
I guess that the code might be used as a crossbrowser solution for replaceNode() as well. In fact the code as it is replaces the node tag with a <span> tag, but it might replace it whith another desired tag....
i have a javascript function to highlight google search keywords in the
page. it works well on IE and mozilla browsers. for the page OnLoad, i
call the Highlight() method, and that highlights the words in the page, and
inserts a div element with the message: "your search terms have been
highlighted..." and a link to remove the highlighting, which has
href='javascript:removeHighlight(..)', but that only works in IE, not
firefox 1.0. Code: