想实现通过点击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>
利用return中断function
时间: 2024-10-06 23:11:49