FirefoxにinsertAdjacentHTMLとinsertAdjacentTextをサポートさせる
2557 ワード
この2つの属性は、まずIE 4によって提案され、実装され、1つのDOM要素の前、後ろ、第1のサブ要素の前、最後のサブ要素の後ろの4つの位置で、指定されたHTMLクリップを挿入することができる.他のブラウザが相次いでサポートされています.Firefoxだけがサポートされておらず、新たにリリースされたFF 4もサポートされていない.InsertAdjacentHTMLはHTML 5に採用されています.以下に拡張するHTML Element.prototypeは、この2つのプロパティを追加します.
注意:2011-11 Firefox 8がリリースされ、insertAdjacentHTMLがサポートされていますが、insertAdjacentTextはサポートされていません.
関連:
http://msdn.microsoft.com/en-us/library/ms536452(VS.85).aspx http://msdn.microsoft.com/en-us/library/ms536453(VS.85).aspx http://www.w3.org/TR/html5/apis-in-html-documents.html#insertadjacenthtml
https://developer.mozilla.org/en/DOM/element.insertAdjacentHTML
if(HTMLElement.prototype.insertAdjacentHTML == undefined) {
HTMLElement.prototype.insertAdjacentElement = function(where, node) {
switch (where) {
case "beforeBegin":
this.parentNode.insertBefore(node, this);break;
case "afterBegin":
this.insertBefore(node, this.firstChild);break;
case "beforeEnd":
this.appendChild(node);break;
case "afterEnd":
if (this.nextSibling)
this.parentNode.insertBefore(node, this.nextSibling);
else
this.parentNode.appendChild(node);
break;
}
}
HTMLElement.prototype.insertAdjacentHTML = function(where, html) {
var r = this.ownerDocument.createRange();
r.setStartBefore(this);
var parsedHTML = r.createContextualFragment(html);
this.insertAdjacentElement(where, parsedHTML);
}
HTMLElement.prototype.insertAdjacentText = function(where, txt) {
var parsedText = document.createTextNode(txt);
this.insertAdjacentElement(where, parsedText);
}
}
注意:2011-11 Firefox 8がリリースされ、insertAdjacentHTMLがサポートされていますが、insertAdjacentTextはサポートされていません.
関連:
http://msdn.microsoft.com/en-us/library/ms536452(VS.85).aspx http://msdn.microsoft.com/en-us/library/ms536453(VS.85).aspx http://www.w3.org/TR/html5/apis-in-html-documents.html#insertadjacenthtml
https://developer.mozilla.org/en/DOM/element.insertAdjacentHTML