ピュアJavaScriptの代替（）

Question

は、次のコードは、div要素をロードするAJAXするために使用されます。

私はそれを持っている唯一の問題は、.html()が生 HTMLをレンダリングし、私は私の見解は、任意の脱出生のHTMLのクリーンであるように、純粋なJSの代替とそれを置き換えるために良いアイデアかもしれないと思ったということです。

私はこれについて自分の考えを聞いてみたいです。

$(document).ready(function() { 
     $('.ajax_load').each(function(index, element) { 
     var url = $(element).data('remote-url') 
     if (url) { 
      $.get(url, function(responseText) { 
      $(element).html(responseText); 
      }) 
     } else { 
      console.log("missing url for ajax!") 
     } 
     }) 
    }) 

Answer 1

あなたはtextContentを使用することができます。

Node.textContentプロパティは、ノード とその子孫のテキストコンテンツを表します。

element.textContent = responseText; 

Answer 2

jQueryの.html()メソッドは、文字列を受け取り、任意のHTMLマークアップを処理することができ、DOMを更新するようにHTMLパーサによってその文字列を実行します。 jQueryの.text()方法はまた、文字列を受け取りますが、その文字列は、（それはHTMLが含まれている場合でも）処理のためのHTMLパーサに渡されず、任意のマークアップは脱出し、ページ内のテキストコンテンツとして含まれています。

---

あなたはjQueryのを使用しないしたい場合は、DOM .innerHTML（https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML）プロパティで.html()と同じことを達成することができます。

あなたは.text()と同じことを実現したい場合、あなたは独自の/レガシー.innerText（https://developer.mozilla.org/en-US/docs/Web/API/Node/innerText）プロパティまたは標準textContent（https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent）DOMプロパティを使用することができます（ただし、後者はIE 9までIEではサポートされていません） 。