事件的触发

最新推荐文章于 2024-06-14 11:01:38 发布

lgs198722

最新推荐文章于 2024-06-14 11:01:38 发布

阅读量294

点赞数

分类专栏： javascript 笔记文章标签： javascript css vue.js

本文链接：https://blog.csdn.net/lgs198722/article/details/122249958

版权

笔记同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

javascript

6 篇文章 0 订阅

订阅专栏

<div id="now" type="button">上午好</div>
<img src="../img/1.gif" alt="">
<script>
 let div = document.querySelector('div');
 let img = document.querySelector('img');
 let h = new Date();
     h = h.getHours();
    console.log(h);

if (h<12) {
    img.src = '../img/1.gif';
    div.innerHTML = '上午好'
}else if (h<18){
    img.src = '../img/2.gif';
    div.innerHTML = '中午好'
}else {
     img.src = '../img/3.gif';
    div.innerHTML = '下午好'
}
</script>

<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>事件的触发</title>
</head>

<body>

<button id="btn">改变</button>
<div id="now" type="button">系统当前时间</div>
<script>
    // let t = document.getElementById('btn');
    // let n = document.getElementById('now');
    let t = document.querySelector('#btn');
    let n = document.querySelector('#now');
    console.dir(n);
    t.onclick = () => {
        let sy = new Date();
        n.innerText = sy;
    }
</script>

<!-- <script src="../vue.js"></script>
<script src="1.js"></script> -->
</body>
</html>