function loadFragmentInToElement(fragment_url, element_id) {
    var element = document.getElementById(element_id);
    element.innerHTML = '<p><em>Loading ...</em></p>';
    xmlhttp.open("GET", fragment_url);
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            element.innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.send(null);
}

それは絶対に高速で謙虛ですが、XmlhttpRequest拡張機(jī)能の素晴らしいクイックデモでもあります。

XMLHTTPREQUESTおよびINNENHTML FAQ（FAQ）

innerhtmlとouterhtmlの違いは何ですか？

innerhtmlとouterhtmlはどちらもドキュメントオブジェクトモデル（DOM）の要素の屬性です。それらの主な違いは、彼らが戻って修正するものです。 innerhtmlは、要素のHTMLコンテンツ（內(nèi)部HTML）を取得または設(shè)定し、outerHTMLは、要素の外部ラッパーを含むHTMLコンテンツを取得または設(shè)定します。言い換えれば、innerhtmlは要素內(nèi)のコンテンツを処理し、outerhtmlはタグを含む要素全體を処理します。

innerhtmlを使用しても安全ですか？

innerhtmlは、HTMLをWebページに挿入するための便利な方法ですが、不適切に使用するとセキュリティリスクを引き起こす可能性があります。ユーザーが生成したコンテンツをページに挿入してinnerHTMLを使用すると、悪意のあるスクリプトがWebページに注入されるクロスサイトスクリプト（XSS）攻撃に直面する可能性があります。これを回避するには、常にユーザー生成コンテンツをきれいにするか、TextContentやCreateLementなどのより安全な方法を使用してください。

innerhtmlを使用して複數(shù)の要素を追加する方法は？

各要素のHTML文字列を連結(jié)することにより、InnerHTMLを使用して複數(shù)の要素を追加できます。たとえば、2つの段落を追加する場(chǎng)合は、次のことを行うことができます。 element.innerhtml = '

'' element.innerHTML = '<p>第一段。</p>' '<p>第二段。</p>'; 2番目の段落。

なぜ私のinnerhtmlが機(jī)能しないのですか？

innerhtmlはいくつかの理由で機(jī)能しない場(chǎng)合があります。よくある理由は、変更を試みている要素がスクリプトの実行中に存在しないことです。これは、スクリプトがページの本文の前にロードされた場(chǎng)合に発生する可能性があります。この問題を解決するには、スクリプトをボディラベルの下部に移動(dòng)するか、window.onload関數(shù)にコードをラップすることができます。

XMLドキュメントでinnerhtmlを使用できますか？

いいえ、innerhtmlはXMLドキュメントをサポートしていません。これは、HTML DOMのHTMLELEMENTインターフェイスのプロパティであり、XML DOMでは利用できません。 XMLを使用する場(chǎng)合は、代わりにCreateElementやAppendChildなどの方法を使用する必要があります。

ノードのすべての子要素を削除する方法は？

innerhtmlプロパティを空の文字列に設(shè)定して、ノードのすべての子要素を削除できます。例えば： element.innerHTML = ''; これにより、要素のすべての子要素が削除されます。

innerhtmlを使用してテキストノードにテキストを挿入できますか？

いいえ、innerhtmlは要素ノードでのみ使用できます。テキストをテキストノードに挿入する場(chǎng)合は、代わりにNodevalueまたはTextContentプロパティを使用する必要があります。

要素をinnerhtmlに置き換える方法は？

親要素のinnerhtmlプロパティを設(shè)定することにより、要素をinnerhtmlに置き換えることができます。これは、配置するものを含め、親要素のすべての子要素を置き換えます。例えば： parentelement.innerhtml = '<code>parentElement.innerHTML = '<p>新段落。</p>';新しい段落。