HTML与JavaScript的交互魔法：动态网页的实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML与JavaScript的互动示例</title>
<script>
function toggleVisibility(elementId) {
var element = document.getElementById(elementId);
if (element.style.display === 'block') {
element.style.display = 'none';
} else {
element.style.display = 'block';
}
}
</script>
</head>
<body>
<h2>HTML与JavaScript的互动示例</h2>
<button onclick="toggleVisibility('extra-info')">点击我查看更多信息</button>
<div id="extra-info" style="display:none;">
这里是额外的信息，点击上面的按钮可以切换显示或隐藏。
</div>
</body>
</html>这段代码演示了如何使用JavaScript和HTML结合来创建一个简单的可交互内容。用户点击按钮时，会触发toggleVisibility函数，该函数会改变一个div元素的显示状态。这是一种常见的技术，用于创建动态的网页内容。
评论已关闭