第四次作业

2202_202205403019

已于 2024-01-02 12:20:29 修改

阅读量291

点赞数 9

文章标签：其他

于 2024-01-02 12:16:27 首次发布

本文链接：https://blog.csdn.net/2201_75458638/article/details/135337868

版权

<!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>dengpao</title>
</head>

<body>
    <img id="h1" src="https://img-qn.51miz.com/Element/00/77/18/58/3d63578c_E771858_dce23618.png">  <br><br>

    <div class="cls">武汉科技大学</div>  <br>
    <div class="cls">信息管理系</div>  <br>

    <input type="checkbox" name="kemu"> 网页设计
    <input type="checkbox" name="kemu"> java程序设计
    <input type="checkbox" name="kemu"> 数据结构
</body>

<script>
    //点亮灯泡
    var img = document.getElementById('h1');
    img.src = "img/on.gif";

    //所有div标签内容后加very good(红色)
    var divs = document.getElementsByTagName('div');
    for (let i = 0; i < divs.length; i++) {
        const div = divs[i];
        div.innerHTML += "<font color='red'>very good</font>"; 
    }

    //所有的复选框呈选中状态
    var ins = document.getElementsByName('hobby');
    for (let i = 0; i < ins.length; i++) {
        const check = ins[i];
        check.checked = true;//选中
    }
 
</script>
</html>