IT戦記

プログラミング、起業などについて書いているプログラマーのブログです😚

Firefox に outerHTML を実装する

JavaScript

outerHTML について

outerHTML とは Mozilla 系のブラウザ以外のすべてのブラウザで使える要素の HTML が文字列として取得できるプロパティです。

alert(document.body.outerHTML); // => body の HTML がすべて見える（例：<body><h1>It works!</h1></body>）

というわけで

以下のコードを書いてみました。

if (!('outerHTML' in document.createElement('div'))) {
    HTMLElement.prototype.__defineGetter__('outerHTML', function() { return this.ownerDocument.createElement('div').appendChild(this.cloneNode(true)).parentNode.innerHTML })
}

このコードを実行すれば Mozilla 系のブラウザでも outerHTML が使えるようになります。