1. 程式人生 > >JavaScript DOM操作案例點擊按鈕實現網頁開關燈

JavaScript DOM操作案例點擊按鈕實現網頁開關燈

lang 網頁 dom操作 javascrip tle function () click pre

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        .cls {
            background-color: black;
        }
    </style>
</head>
<body>
<input type="button" value="開/關燈" id="bt"/>
<script 
src="common.js"></script> <script> my$("bt").onclick = function () { //獲取body標簽 document.body.className = document.body.className != "cls" ? "cls" : ""; }; </script> </body> </html>

JavaScript DOM操作案例點擊按鈕實現網頁開關燈