javascript - HTML 文字列を DOM 要素に変換しますか?

Question

持っているとしましょう。

var some_html = '<div class = "am_hold">' +
    '<img name="bo_im" id="' + val.id + '" class="bookmark_image" src="' + val.favicon + '">' +
    '<a target="_blank" name="bookmark_link" class="bookmark_link" href = "' +
    val.url + '" id="' + val.id + '">' + val.title + '</a>' +
    '<div><div class = "bookmark_menu"></div></div>' +
    '</div>';

することは可能ですか

var some_element = `some_function`(some_html);

some_function (1) ライブラリを使用しない場合と (2) ライブラリを使用する場合の実装はありますか。

Answer 1

HTML の一時的なコンテナーを作成し、そのコンテンツを取得します。何かのようなもの：

var d = document.createElement('div');
d.innerHTML = some_html;
return d.firstChild;

Answer 2

以下のコードを試してください

    var myname = 'John Doe';

//This is using Jquery
var htmltext = '<p style="color:red">'+myname+'This is a test</p>'
$('#one').html(htmltext);


//This is pure javascript
document.getElementById('two').innerHTML='<p style="color:red">'+myname+'This is a test</p>';

JSfiddle リンク

文字列を作成し、 text() function ではなく html() を使用して html 要素に追加しています。これはブラウザによって HTML タグとして扱われ、フィドルで見られるように UI の変更を表示します。

Answer 3

jQuery.parseHTML() 関数が役立つ場合があります。

http://api.jquery.com/jQuery.parseHTML/