如何在没有 jQuery 的情况下从 HTML 字符串创建 DOM 元素？

从 HTML 字符串创建 DOM 元素

虽然 jQuery 提供了一种从 HTML 字符串创建 DOM 元素的便捷机制，但此功能也可以实现使用内置 DOM 方法或通过 Prototype 库。

DOM方法

对于较旧的浏览器，以及node/jsdom（在撰写本文时不支持 HTML

function createElementFromHTML(htmlString) {
  var div = document.createElement('div');
  div.innerHTML = htmlString.trim();

  // Change this to div.childNodes to support multiple top-level nodes.
  return div.firstChild;
}

需要注意的是，此方法不适用于某些不能合法成为

子元素的元素，例如

原型库

或者，原型库提供了一个内置方法，用于通过其 update() 方法从 HTML 字符串创建元素。下面是一个示例：

var element = $(document.createElement('li')).update('<li>text</li>');

用例

内置 DOM 方法和 Prototype 库都提供了从 HTML 字符串创建 DOM 元素的可靠方法，特别是对于较旧的浏览器或未使用 jQuery 的场景。这些方法为基于 HTML 标记动态生成 DOM 内容提供了灵活而强大的方法。

以上是如何在没有 jQuery 的情况下从 HTML 字符串创建 DOM 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！