如何動態更新 JavaScript 中的文字內容？

JavaScript 元素文字操作

在 Web 開發中，通常需要動態更新頁面上顯示的文字。這可以使用 JavaScript 來實現。

更改元素文字

要更改特定元素（例如）的文字內容，請使用以下JavaScript code:

document.getElementById("myspan").textContent = "newtext";

這段程式碼將ID為「myspan」的元素的文字內容修改為"newtext"。

相容性注意事項

現代瀏覽器支援 textContent 屬性。但是，較舊的瀏覽器可能無法識別它。在這些情況下，您可以使用以下替代方案：

// POSSIBLY INSECURE IF NEWTEXT BECOMES A VARIABLE!!
document.getElementById("myspan").innerHTML = "newtext";

安全警告

需要注意的是，innerHTML 可能會引入跨站腳本(XSS)漏洞如果新文字是使用者輸入。這是因為innerHTML 將輸入解析為HTML，這可能包含惡意程式碼。

因此，強烈建議盡可能使用textContent 而不是innerHTML，尤其是在處理使用者產生的內容時。

以上是如何動態更新 JavaScript 中的文字內容？的詳細內容。更多資訊請關注PHP中文網其他相關文章！