如何在 JavaScript 中向元素添加文本 - C#

在 JavaScript 中，我们可以使用以下几种方式向元素添加文本:

方法一：innerHTML

使用 innerHTML 属性来向元素添加文本内容。

document.getElementById("my-element").innerHTML = "Hello World!";

这个方法将在指定的元素中插入指定的 HTML 代码。

请注意，使用 innerHTML 可能出现安全问题，因为它将任何字符串解释为 HTML 代码。因此，始终小心使用此方法并确保您的数据已进行正确的转义和验证。

方法二：textContent

使用 textContent 属性来向元素添加文本内容。

document.getElementById("my-element").textContent = "Hello World!";

这个方法将在指定的元素中插入指定的文本。

相比 innerHTML，这个方法更安全，因为它不会解释字符串为 HTML 代码。

方法三：createTextNode

使用 createTextNode 方法和 appendChild 方法将文本内容添加到元素中。

var textNode = document.createTextNode("Hello World!");
document.getElementById("my-element").appendChild(textNode);

这个方法将先创建一个文本节点，然后将其添加到指定的元素中。

与 textContent 方法相似，这个方法也非常安全。

方法四：innerText

使用 innerText 属性向元素添加文本内容。

document.getElementById("my-element").innerText = "Hello World!";

与 textContent 方法相似，这个方法也在指定的元素中插入指定的文本。但是，与 textContent 不同，innerText 属性会解析 HTML 代码，所以使用它时应当小心。

结论

这里介绍了 JavaScript 中向元素添加文本的四种不同方法。请根据您的需求和安全性考虑选择一种方法。

请注意，在 C# 中，您可以使用与 JavaScript 中类似的方法来向元素添加文本。但是，请注意，如果您在 ASP.NET 中使用 C#，则需要使用服务器端控件来引用元素。但是，添加文本的方法将与 JavaScript 中类似。