Home > Developer > JavaScript
1<! DOCTYPE html>234<meta charset= "UTF-8" >5<title>Title</title>6<style>7. video-box{8 width:1000px;9 height:500px;Tenbackground-Color:skyblue; One margin:50px Auto; A } - body.night{ -Background-color: #333; the color: #fff; - } - body.night button{ -background-color: #ccc; + color: #fff; - } + A</style> at<script> -Window.onload =function () { - varBTN = document.getElementsByTagName (' button '); - varFlag =false; -Btn[0].onclick =function () { - if(!flag) { inDocument.body.className = "Night"; -btn[0].innerhtml = "Turn on the Light"; to}Else { +Document.body.className = ""; -btn[0].innerhtml = "Turn Off the Light"; the } *Flag =!Flag; $ }Panax Notoginseng - //var flag = true; the //Btn[0].onclick = function () { + //flag =!flag; A //if (!flag) { the //document.body.className = "Night"; + //btn[0].innerhtml = "Turn on the Light"; - //}else { $ //document.body.className = ""; $ //btn[0].innerhtml = "Turn off the Light"; - // } - // the // } - }Wuyi</script> the -<body> Wu<button> Turn off Lights </button> - About<div class= "Video-box" ></div> $</body> -javascript--Switch Idea
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
