以下是使用 id 属性的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 id="main-heading">Main Heading</h1>
<p>This is a paragraph of text.</p>
<div id="unique-container">
<p>This paragraph is inside a div with a unique ID.</p>
</div>
<button id="submit-button" onclick="submitForm()">Submit</button>
<script>
function submitForm() {
var mainHeading = document.getElementById("main-heading");
var uniqueContainer = document.getElementById("unique-container");
// Perform actions based on the elements with unique IDs
// For example: mainHeading.style.color = "red";
}
</script>
</body>
</html>
在上述示例中：
- <h1> 元素使用了 id="main-heading"。
- <div> 元素使用了 id="unique-container"。
- <button> 元素使用了 id="submit-button"。
通过这些唯一的 id，可以在 JavaScript 中使用 getElementById 方法来获取对应的元素，并进行相应的操作。在实际开发中，id 属性通常用于标识特定的元素，以便进行动态更新、事件处理或样式更改。
转载请注明出处：http://www.pingtaimeng.com/article/detail/3117/HTML