innerhtml和innertext的區(qū)別？示例代碼：innerHTML contentinnerHTML content共同點：innerHTML和innerText將替換元素中的內(nèi)容。區(qū)別：1。

innerhtml和innertext的區(qū)別？

示例代碼：

innerHTML content

innerHTML content

共同點：innerHTML和innerText將替換元素中的內(nèi)容。區(qū)別：1。InnerHTML：即從對象的開始位置到結(jié)束位置的所有內(nèi)容，包括HTML標(biāo)記。在上面的例子中測試.innerHTML的值為“test2”。2InnerText：從開始位置到結(jié)束位置的內(nèi)容，但是它刪除了HTML標(biāo)記上示例中的內(nèi)容text.inner測試的值為“test1 test2”，其中刪除了span標(biāo)記。值得注意的是，innerHTML是W3C標(biāo)準(zhǔn)屬性，而innerText僅適用于IE瀏覽器。因此，應(yīng)該盡可能多地使用innerHTML而不是innerText。如果要輸出不帶HTML標(biāo)記的內(nèi)容，可以使用innerHTML獲取帶HTML標(biāo)記的內(nèi)容，然后使用正則表達(dá)式刪除HTML標(biāo)記。

InnerText和.InnerHtml有什么區(qū)別？

InnerText插入純文本，即使文本包含HTML標(biāo)記，也將顯示；innerHTML將識別HTML標(biāo)記；例如，VAR STR=“<div>test</div>”使用InnerText，插入后，它將在插入innerHTML后顯示<div>test</div>，測試

可以顯示innerHTML和createTextNode向節(jié)點添加內(nèi)容。不同之處在于，如果在這段內(nèi)容中有HTML標(biāo)記（例如在示例中），則性能會有所不同。在createTextNode中，它將被視為文本，不會被瀏覽器解析，但innerHTML將被視為HTML代碼。一般來說，如果確定要插入的內(nèi)容中沒有HTML標(biāo)記，可以使用更簡潔的innerHTML。但是，如果您不確定（例如，要插入用戶輸入的內(nèi)容），建議使用create text node方法。