css+js+html学习笔记，留以备份
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS + JS + HTML 示例</title>
<style>
.highlight {
background-color: yellow;
}
</style>
</head>
<body>
<h1>CSS + JS + HTML 学习笔记</h1>
<p>这是一个段落。</p>
<button onclick="highlightText()">突出显示段落文本</button>
<script>
function highlightText() {
var paragraph = document.querySelector('p');
paragraph.classList.toggle('highlight');
}
</script>
</body>
</html>这个简单的HTML文档展示了如何使用CSS来样式化文档，使用JavaScript来响应用户事件（如按钮点击），以及如何操作DOM（文档对象模型）。当用户点击按钮时，highlightText函数会被调用，这个函数会查询DOM以找到段落元素，然后切换它的highlight类，从而改变文本的背景颜色。这个例子是学习Web开发基础的一个很好的起点。
评论已关闭