<!DOCTYPE html>
<html lang="en">
<head>
<title>第二次上机测试</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="../../bootstrap-5/css/bootstrap.min.css" rel="stylesheet">
<script src="../../bootstrap-5/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<img id="light" src="../../素材/img/off.gif">
<br>
<input type="button" value="加边框 " onclick="on()">
<input type="button" value="变成50px宽" onclick="change()">
<hr>
<br>
<input type="radio" name="hobby" checked> 男
<input type="radio" name="hobby"> 女
<br>
<input type="button" value="反选" onclick="reverse()"></body>
<script>
function on (){
var img = document.getElementById ("light");
img.style.border="5px solid green";}
function change(){
var img = document.getElementById ("light");
img.style.width="50px";
img.style.height="50px";
}
function reverse(){
//a. 获取所有复选框元素对象
var hobbys = document.getElementsByName("hobby");
hobbys[1].checked = true;
}
</script>
</html>
第二次上机测试:Javascript.
于 2023-12-07 20:10:52 首次发布