<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第二次上机测试:JavaScript</title>
</head>
<body>
<img id="h1" src="../素材/off.gif" >
<br>
<input type="button" value="加边框" onclick="addborder()">
<input type="button" value="编程50px宽" onclick="reduce()">
<br><br>
<input id="gender" type="radio" checked>男
<input id="gender" type="radio" >女
<br>
<input type="button" value="反选" onclick="reverse()">
</body>
<script>
function addborder(){
var img=document.getElementById('h1');
img.style.border="1px solid green";
}
function reduce(){
var img=document.getElementById('h1');
img.style.width="50px";
img.style.height="50px";
}
function reverse(){
var genders=document.getElementsByTagName('gender');
genders[1].checked=true;
}
</script>
</html>