<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第二次测试</title>
</head>
<body>
<img id="light" src="../JavaScript/img/off.gif"><br>
<form method="post">
<input type="button" value="加边框" onclick="biankuang()">
<input type="button" value="变成50px宽" onclick="widen()"><br>
<input type="radio" name="gender" value="男" checked />男
<input type="radio" name="gender" value="女" />女<br>
<input type="button" value="反选" onclick="reverse()">
</form>
</body>
<script>
function biankuang(){
var img=document.getElementById("light");
img.style.border="1px solid green";
}
function widen(){
var img=document.getElementById("light");
img.style.width="50px";
img.style.height="50px";
}
function reverse(){
var genders=document.getElementsByName("gender");
for(let i=0;i<genders.length;i++){
const element=genders[i];
if(genders[i].checked){
genders[i].checked=false;
}
else{
genders[i].checked=true;
}
}
}
</script>
第二次上机测试:Javascript.
最新推荐文章于 2024-07-20 23:54:17 发布