Преобразование строки HTML в объекты DOM с помощью jQuery

У меня есть HTML в строке JavaScript (содержащий обычный, вложенный HTML). Используя jQuery, могу ли я преобразовать это в допустимый элемент HTML за один такт, используя любую из функций document.create *? Мое требование - использовать document.getElementById для созданного объекта DOM.

Ответы

Ответ 1

Возьмите простой вложенный пример.

var dom_string = '<div>xxx<div>yyy</div></div>';

создайте элементы HTML DOM с помощью функции $() jquery и добавьте туда, где хотите. я взял "тело", но вы можете добавить где угодно.

$(dom_string).appendTo('body');

В качестве альтернативы вы можете реализовать это с помощью чистого javascript:

var dom_target = document.getElementById("target");
dom_target.innerHTML = dom_string;

Ответ 2

Создайте фиктивный элемент и установите его innerHTML в свою строку HTML.

Ответ 3

// Construct a container as a placeholder for your content

var container = document.createElement('div');
container.id = 'container';

// Inject the container into the DOM

document.body.appendChild(container);

// Populate the injected container with your content

container.innerHtml = '<p id="pTag">I am a <em>P</em> tag with some <strong>nested markup</strong>.</p>';