Чтобы упростить вашу жизнь, вы можете расширить HTMLElement
. Это может не работать для старых браузеров, но определенно облегчает вашу жизнь:
HTMLElement = typeof(HTMLElement) != 'undefiend' ? HTMLElement : Element;
HTMLElement.prototype.prepend = function(element) {
if (this.firstChild) {
return this.insertBefore(element, this.firstChild);
} else {
return this.appendChild(element);
}
};
Итак, в следующий раз вы можете это сделать:
document.getElementById('container').prepend(document.getElementById('block'));
// or
var element = document.getElementById('anotherElement');
document.body.prepend(div);