JavaScript函數傳參
阿新 • • 發佈:2017-11-21
黃色 style red etc button pan idt pre blank
函數傳參一:
<html> <head> <meta charset="utf-8"> <title>無標題文檔</title> <style type="text/css"> #div1 { width: 100px; height: 100px; background:red; } </style> <script> function setcolor(color) { var odiv=document.getElementById(‘div1‘); odiv.style.background=color; } </script> </head> <body id="div1"> <input type="button" value="黃色" onClick="setcolor(‘yellow‘)" /> <input type="button" value="綠色" onClick="setcolor(‘green‘)" /> </body> </html>
函數傳參二:
<html> <head><meta charset="utf-8"> <title>無標題文檔</title> <style type="text/css"> #div1 { width: 100px; height: 100px; background: red; } </style> <script> function setstyle(a,b) { var odiv=document.getElementById(‘div1‘); odiv.style[a]=b; } </script> </head> <body> <input type="button" value="變寬" onClick="setstyle(‘width‘,‘300px‘)" /> <input type="button" value="變高" onClick="setstyle(‘height‘,‘300px‘)" /> <input type="button" value="變色" onClick="setstyle(‘background‘,‘green‘)" /> <div id="div1"></div> </body> </html>
查看原文
JavaScript函數傳參