I'm trying to extend all dom elements so i can get and remove their children. The function is below (works in FF and Chrome). Is there an equivalent in IE7 to extend the base dom object?
if (!Element.get) {
Element.prototype.get = function(id) {
for (var i = 0; i < this.childNodes.length; i++) {
if (this.childNodes[i].id == id) {
return this.childNodes[i];
}
if (this.childNodes[i].childNodes.length) {
var ret = this.childNodes[i].get(id);
if (ret != null) {
return ret;
}
}
}
return null;
}
}
Element.prototype.removeChildren = function() {
removeChildren(this);
}
Thanks!
Here is a simple workaround that will be sufficient in 99% of cases. It may as well be completed as required by your script :
if ( !window.Element )
{
Element = function(){};
var __createElement = document.createElement;
document.createElement = function(tagName)
{
var element = __createElement(tagName);
if (element == null) {return null;}
for(var key in Element.prototype)
element[key] = Element.prototype[key];
return element;
}
var __getElementById = document.getElementById;
document.getElementById = function(id)
{
var element = __getElementById(id);
if (element == null) {return null;}
for(var key in Element.prototype)
element[key] = Element.prototype[key];
return element;
}
}
No. There will be some limited support in IE8, but 'till then you're better off finding another place to hang your functions.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With