JavaScript は文字列を dom オブジェクトに変換します (文字列が動的に dom を作成します)_javascript スキル

前書き:
JavaScript で標準 dom オブジェクトを動的に作成するには、通常次のコマンドを使用します:
var obj = document.createElement('div');
次に、obj のプロパティをいくつか設定します。
しかし、実際に使ってみると、このように標準の dom オブジェクトが作成できればいいのに、と思う人もいるかもしれません。
疑似コード: var obj=strToDom('

Hello World!

');
今日の目的は、文字列を標準 DOM オブジェクトに直接変換するメソッドを実装する方法を説明することです

start:
実際、このような変換を実装するのは非常に簡単です。ここでは主に属性 innerHTML を使用します。特に、動的に変更するために、誰もがこれを使用したことがあると思います。ここでは、コンテンツを挿入するときに使用されます。
InnerHTML は w3c 標準ではなく、IE によって考案および作成されました。ただし、この属性の利便性と当時の Weibo の状況により、他の非 IE ブラウザーにも innerHTML が組み込まれ、サポートが提供されました。
innerHTML は w3c 標準ではありませんが、事実上の標準であるため、現在主流のブラウザはすべて innerHTML をサポートしているため、当然ながら複数のブラウザと互換性があります。
コード:

コードをコピー コードは次のとおりです:

function parseDom(arg ) {
var objE = document.createElement("div");
objE.childNodes;


数行のコード 変換を行うには、まず標準メソッドを使用して div を作成し、次に innerHTML を使用して要素を挿入します。実際、これはブラウザー独自のカーネル アルゴリズムを使用して実装されます。 childNodes を使用して返します。
このようにして、ブラウザー独自のアルゴリズムを巧みに使用して、文字列を標準 DOM に変換することができ、単純かつ少量のコードで多数の複雑な変換を完了できます。文字列を指定しますが、そのままにします。ブラウザが自動的に実行するため、正確でエラーがありません。

使用:

コードをコピー コードは次のとおりです: var obj=parseDom ('

Hello World!

'); >Hello World!

複数のがあっても問題ありません');

注:
childNodes は配列を返します。 - のようなリスト。したがって、それが要素の場合、この dom を使用するには、次のように obj[0] を使用する必要があります。同じレベルの複数の DOM 変換の場合は、obj[0]、obj[1] を使用できます...
終了

以上です。ここでは私が書いた js をお勧めします。フレームワーク、上記のメソッドはフレームワークに統合されています
Use: b$.parseDom('

Hello World!

')


bBank オープンソース Javascript フレームワーク