首页 > 代码库 > 利用return中断function

利用return中断function

想实现通过点击button实现文字样式的交替改变,在实现function的中断过程中遇到了一些问题,所幸解决了

<!doctype html><html lang="en"><head>    <meta charset="UTF-8">    <title>改变CSS样式</title></head><body>    <p id="p1">HELLO WORLD!</p>    <p id="p2">HELLO WORLD!</p>    <button onclick="myFunction()">改变样式</button>    <script>    var i=0;    function myFunction()    {            if(i==0)        {        document.getElementById("p1").style.color="blue";        document.getElementById("p1").style.fontSize="larger";            i=1;            return;//中断function运行        }        if(i==1)        {        document.getElementById("p1").style.color="red";        document.getElementById("p1").style.fontSize="";            i=0;                }    }    </script></body></html>