以下是一个简单的例子，演示如何使用JavaScript和HTML DOM中的 Label 对象：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Label Object Example</title>
</head>
<body>
<label for="username">Username:</label>
<input type="text" id="username" name="username">
<script>
// 获取 label 元素的引用
var labelElement = document.querySelector('label');
// 输出 label 元素的一些属性
console.log('Label Text:', labelElement.textContent);
console.log('For Attribute:', labelElement.getAttribute('for'));
// 通过关联的表单控件来获取 Label 对象
var inputElement = document.getElementById('username');
var associatedLabel = document.querySelector('label[for="username"]');
// 输出关联的 label 元素的一些属性
console.log('Associated Label Text:', associatedLabel.textContent);
</script>
</body>
</html>
在这个例子中，我们使用了一个简单的表单，包含一个文本输入框和一个 <label> 元素。通过 JavaScript，我们获取了 <label> 元素的引用，并输出了一些属性，比如文本内容和关联的表单控件。请注意，for 属性用于指定与之相关联的表单控件的 id。
这只是一个基本的示例，你可以根据实际需求使用更复杂的功能和方法。
转载请注明出处：http://www.pingtaimeng.com/article/detail/6227/JavaScript 和 HTML DOM