如何在沒有 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中文網其他相關文章！