在JavaScript中显示文本值的方法有多种，例如通过innerHTML、textContent、value属性等。最常用的方法包括：使用innerHTML、使用textContent、获取和设置表单元素的值、创建和插入新节点。 其中，使用innerHTML方法是最常见和灵活的方式，因为它不仅可以显示文本，还可以插入HTML结构。下面将详细介绍这些方法及其使用场景。
一、使用innerHTML
1. 基本用法
innerHTML是一个非常强大的属性，可以用来获取或设置HTML元素的内容。这不仅包括纯文本，还可以包括HTML标签。
document.getElementById('myElement').innerHTML = 'Hello, World!';
2. 应用场景
innerHTML适用于需要动态插入较为复杂的HTML结构或文本内容的场景。例如，在动态生成表格、列表等场景中，innerHTML非常方便。
var table = "<table><tr><td>Cell 1</td><td>Cell 2</td></tr></table>";
document.getElementById('myTable').innerHTML = table;
二、使用textContent
1. 基本用法
textContent属性用于获取或设置元素的文本内容，不会解析HTML标签，因此更安全。
document.getElementById('myElement').textContent = 'Hello, World!';
2. 应用场景
textContent适用于只需显示或获取纯文本的场景，例如日志输出、用户输入的文本内容等。
var userText = "<script>alert('XSS');</script>";
document.getElementById('userOutput').textContent = userText;
三、获取和设置表单元素的值
1. 获取表单元素的值
表单元素如、