原始JS修改元素的属性

最新推荐文章于 2024-09-04 22:41:12 发布

柠檬加栤

最新推荐文章于 2024-09-04 22:41:12 发布

阅读量228

点赞数

本文链接：https://blog.csdn.net/m0_57071129/article/details/118974044

版权

<!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>Document</title>
</head>
<body>
     <img src="a.jpg" alt="尼古拉斯款少" title="款少">
     <input type="checkbox" checked=true id="a1">
</body>
<script>
    //  1.输出图片的路径
    var img=document.querySelector("img")

    // var src1=img.src     //获取路径时，获取的时绝对路径
    // console.log(src1)

    // var alt1=img.alt;
    // console.log(alt1)


    // 设置元素的属性
    // img.src="b.gif"
    // img.title="致远"

    // var input=document.querySelector("input")
    // input.checked=false;
    // input.id="a2"



    // img.onclick=function(){
    //     img.src="b.gif"
    // }


    fn()
    function fn(){
        var date=new Date()
        var H=date.getHours()
        if(H>=6&&H<=12){
            alert("上午好")
            img.src="a.jpg"
        }else if(H>12&&H<=18){
            alert("下午好")
            img.src="a.jpg"
        }else{
            alert("晚上好！")
            img.src="b.gif"
        }
    }
</script>
</html>