我是靠谱客的博主 英俊铃铛,最近开发中收集的这篇文章主要介绍使用js编写一个开关灯案例?,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

<!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>
<button>按钮</button>
<script>
var but = document.querySelector('button')
but.onclick = function () {
// 事件发生时要执行的代码
var h5 = document.querySelector('html')
if (h5.style.backgroundColor == 'white') {
h5.style.backgroundColor = 'black'
} else {
h5.style.backgroundColor = 'white'
}
}
</script>
</body>
</html>

在这里插入图片描述
在这里插入图片描述

最后

以上就是英俊铃铛为你收集整理的使用js编写一个开关灯案例?的全部内容,希望文章能够帮你解决使用js编写一个开关灯案例?所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(60)

评论列表共有 0 条评论

立即
投稿
返回
顶部