JavaScript 和 HTML DOM：Legend 对象

在JavaScript和HTML DOM中，Legend 对象通常用来表示HTML <legend> 元素。<legend> 元素通常用于为 fieldset 元素（用于组织和分组相关表单元素）提供标题。

以下是一个简单的例子，演示如何使用JavaScript和HTML DOM中的 Legend 对象：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Legend Object Example</title>
</head>
<body>

  <fieldset>
    <legend>Personal Information</legend>

    <label for="firstName">First Name:</label>
    <input type="text" id="firstName" name="firstName">

    <label for="lastName">Last Name:</label>
    <input type="text" id="lastName" name="lastName">
  </fieldset>

  <script>
    // 获取 legend 元素的引用
    var legendElement = document.querySelector('fieldset legend');

    // 输出 legend 元素的一些属性
    console.log('Legend Text:', legendElement.textContent);
  </script>

</body>
</html>

在这个例子中，我们使用了一个包含 fieldset 元素的表单。<legend> 元素用于为这个 fieldset 提供标题。通过 JavaScript，我们获取了 <legend> 元素的引用，并输出了标题的文本内容。

这只是一个基本的示例，你可以根据实际需求使用更复杂的功能和方法。

转载请注明出处：http://www.zyzy.cn/article/detail/6228/JavaScript 和 HTML DOM