第五次课后作业

︎喻喻郑

已于 2023-12-28 21:13:35 修改

阅读量336

点赞数 11

文章标签： javascript 开发语言 ecmascript

于 2023-12-28 00:52:27 首次发布

本文链接：https://blog.csdn.net/2303_77051594/article/details/135258777

版权

<!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="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="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>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img id="light" src="off.gif"><br>

    <input type="button" value="点亮" onclick="on()">
    <input type="button" value="熄灭" onclick="off()">
    <br><br>

    <input type="text" id="name" value="ITCAST" onfocus="lower()" onblur="upper()">
    <br><br>

    <input type="checkbox" name="hobby">电影
    <input type="checkbox" name="hobby">旅游
    <input type="checkbox" name="hobby">游戏
    <br>

    <input type="button" value="全选" onclick="quanxuan()">
    <input type="button" value="反选" onclick="fanxuan()">
    

</body>

<script>
    onclick
    function on(){
        var img=document.getElementById("light");
        img.src="on.gif";
    }

    function off(){
        var img=document.getElementById("light");
        img.src="off.gif";
    }

    onfocus//聚焦时
    function lower(){
        var input =document.getElementById("name");
        input.value=input.value.toLowerCase();
    }
    
    
    onblur//离焦时
    function upper(){
        var input =document.getElementById("name");
        input.value=input.value.toUpperCase();
    }

    onclick
    function quanxuan(){
        var hobbys=document.getElementsByName("hobby");
        for (let  i= 0; i < hobbys.length; i++) {
            const hobby = hobbys[i];
            hobby.checked=true;
            
        }
    }

    function fanxuan(){
        var hobbys=document.getElementsByName("hobby");
        for (let  i= 0; i < hobbys.length; i++) {
            const hobby = hobbys[i];
            hobby.checked=false;
            
        }
    }
</script>
</html>