以下是一些涉及 <fieldset> 元素的 DOM 操作：
属性：
1. disabled：
- 获取或设置 <fieldset> 元素的禁用状态。
子元素：
1. <legend> 元素：
- <legend> 元素通常用于为 <fieldset> 元素提供标题。
示例：
<!DOCTYPE html>
<html>
<head>
<title>Fieldset Object Example</title>
</head>
<body>
<form id="myForm">
<fieldset>
<legend>Personal Information</legend>
<label for="firstName">First Name:</label>
<input type="text" id="firstName" name="firstName">
<br>
<label for="lastName">Last Name:</label>
<input type="text" id="lastName" name="lastName">
</fieldset>
<br>
<button type="submit">Submit</button>
</form>
<script>
// 获取 <fieldset> 元素
var fieldsetElement = document.querySelector("form fieldset");
// 获取和设置禁用状态
var isDisabled = fieldsetElement.disabled;
console.log("Is disabled: " + isDisabled);
fieldsetElement.disabled = true;
</script>
</body>
</html>
在上述示例中，我们使用 querySelector 方法获取了 <fieldset> 元素，并通过 disabled 属性获取和设置了其禁用状态。请注意，<fieldset> 元素通常与其子元素一同使用，例如 <label>、<input> 等，以便创建包含相关表单元素的组。
转载请注明出处：http://www.zyzy.cn/article/detail/4387/HTML