js如何显示不同的文本

在JavaScript中，你可以使用多种方式来显示不同的文本内容，以下是几种常见的方式：

1. **条件语句**：如`if...else`或`switch`结构，根据特定条件动态改变元素的内容。例如：

   let element = document.getElementById('text');
   if (condition) {
     element.textContent = '显示文本A';
   } else {
     element.textContent = '显示文本B';
   }

2. **模板字符串或字符串字面量嵌套**：可以创建包含变量的部分字符串。如：

   let text = condition ? '文本A' : '文本B';
   element.textContent = text;

3. **数组和循环**：如果有多个选项，可以用数组存储并遍历。比如，使用`innerHTML`插入列表项：

   const texts = ['文本1', '文本2', '文本3'];
   for (let i = 0; i < texts.length; i++) {
     element.innerHTML += `<li>${texts[i]}</li>`;
   }

4. **函数返回值替换**：通过函数动态生成HTML字符串：

   function getText() {
     return condition ? '文本A' : '文本B';
   }
   element.textContent = getText();

5. **React、Vue等框架**：这些前端库有更高级的方式来控制组件渲染内容，如状态管理或条件渲染。