JS和Jquery获取和修改label的值的示例代码


### JavaScript 获取和修改 Label 的值的示例代码

#### 获取 Label 的值

通常,Label 元素本身不直接存储值(像 input 元素那样),但我们可以将其文本内容视为它的“值”。以下是如何使用纯 JavaScript 获取 Label 元素文本内容的示例:


// 假设 Label 元素的 id 是 "myLabel"
var label = document.getElementById("myLabel");
var labelText = label.innerText; // 或者使用 label.textContent,取决于你想要的空格处理方式
console.log(labelText); // 输出 Label 的文本内容

#### 修改 Label 的值

修改 Label 的值实际上是修改其内部的文本内容。以下是如何使用纯 JavaScript 修改 Label 元素文本内容的示例:


// 假设 Label 元素的 id 是 "myLabel"
var label = document.getElementById("myLabel");
label.innerText = "新的文本内容"; // 或者使用 label.textContent

### jQuery 获取和修改 Label 的值的示例代码

#### 获取 Label 的值

使用 jQuery,我们可以更简洁地获取 Label 元素的文本内容:


// 假设 Label 元素的 id 是 "myLabel"
var labelText = $("#myLabel").text();
console.log(labelText); // 输出 Label 的文本内容

#### 修改 Label 的值

同样地,使用 jQuery 修改 Label 的文本内容也很直观:


// 假设 Label 元素的 id 是 "myLabel"
$("#myLabel").text("新的文本内容");

这些示例展示了如何在 JavaScript 和 jQuery 中获取和修改 Label 元素的文本内容。请注意,这些操作实际上是在处理 DOM 元素的文本内容,而不是传统意义上的“值”(如 input 元素中的值)。