js的第一個特效

時間 2019-11-24

原文原文鏈接

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>js的第一個特效</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布爾教育 http://www.itbool.com" />
<style>
   div{
       width: 300px;
       height: 300px;
   }
   #test{
       background:green;
   }
   #test1{
       background: red;
   }
</style>
<script>
   function ch() {
       var t=document.getElementById('test');
       t.id='test1';
   }
</script>
</head>
    <body>
       <h1>第一個特效</h1>
       <div id="test" onclick="ch()"></div>
    </body>
</html>html

相關標籤/搜索