如何在 JavaScript 中將 HTML 字串解析為 DOM 元素？

將 HTML 解析為 DOM 元素

在 Javascript 中，經常需要將包含 HTML 的字串轉換為可操作的 DOM 元素。標準方法（例如innerHTML 和innerText）對結果元素提供有限的控制。為了獲得更大的靈活性，請考慮使用 DOMParser。

將HTML 字串轉換為DOM 元素

要將HTML 字串轉換為DOM 元素，請依照下列步驟操作：

1. 實例化一個DOMParser: var parser = new DOMParser();
2. 使用parseFromString() 方法解析HTML 字串： var doc = parser.parseFromString(htmlString, "text/xml");

範例

考慮以下HTML string:

<div>

要將此字串轉換為DOM 元素，請執行以下程式碼：

var htmlString = "<div>

doc.firstChild 屬性現在包含HTML 字串的已解析DOM 表示形式。您可以使用appendChild()將此元素附加到DOM。

以上是如何在 JavaScript 中將 HTML 字串解析為 DOM 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！