如何在Razor页面中使用三元运算符根据条件设置Label文本？

你可以通过以下两种方式用三元运算符实现需求：

1. 操作已存在的DOM元素 #

如果页面上已经存在目标label标签，直接获取元素后用三元运算符设置文本内容：

// 获取目标label元素
const sourceLabel = document.querySelector('label[for="source"]');
// 假设eventtype是已定义的变量
const eventtype = 2;
// 三元运算符判断并设置文本
sourceLabel.textContent = eventtype === 2 ? 'SourceDirectory' : 'SourceFolder';

2. 动态生成label标签 #

如果需要动态生成这个label标签，可结合模板字符串使用三元运算符：

const eventtype = 2;
// 用模板字符串和三元运算符拼接HTML
const labelHtml = `<label for="source" class="col-md-2 control-label">${eventtype === 2 ? 'SourceDirectory' : 'SourceFolder'}</label>`;
// 将生成的HTML插入到页面指定位置，比如插入到某个容器中
document.getElementById('your-container-id').innerHTML = labelHtml;

核心逻辑是利用三元运算符的语法：条件 ? 满足条件时的取值 : 不满足条件时的取值，这里通过判断eventtype === 2来决定label显示的文本。

内容的提问来源于stack exchange，提问作者Kristy