<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>练习</title>
</head>
<body>
<img id="light" src="素材\img\off.gif" onclick="dianliang()">
<div id="div1" onclick="tianjia()">武汉科技大学</div><br>
<div id="div1" onclick="tianjia()">信息管理系</div><br>
<input type="checkbox" name="subject" value="网页设计" onclick="xuanzhong()">网页设计
<input type="checkbox" name="subject" value="java程序设计">java程序设计
<input type="checkbox" name="subject" value="数据结构">数据结构
</body>
<script>
onclick
function dianliang() {
var img = document.getElementById("light");
img.src = "素材\img\on.gif";
}
function tianjia() {
var divs = document.getElementsByTagName("div");
for (let i = 0; i < divs.length; i++) {
const d = divs[i];
d.innerHTML += "<font color='red'> very good<font>";
}
}
function xuanzhong() {
var ins = document.getElementsByName("subject");
for (let i = 0; i < ins.length; i++) {
const sub = ins[i];
sub.checked = true;
}
}
</script>
</html>
本文展示了如何使用HTML、CSS和JavaScript创建一个简单的网页，包括图片切换、文本高亮以及复选框的选择功能，用于模拟课程选择场景。
扫一扫
1845
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
