js函数接受参数并弹出

    xiaoxiao2022-07-12  149

    <!DOCTYPE html> <html> <head> <title>函数接受参数并弹出</title> <style type="text/css"> *{ margin: 0px; padding: 0px; text-align: center;} #app3{ margin: 0 auto; width: 200px; height: 100px; } #app3 button{ cursor: pointer; } </style> </head> <body> <div id="app3"><br> <input type="text" value="动物园" /><br><br> <input type="text" value="马戏团" /><br><br> <button id="inbtn">传参</button> </div> <script type="text/javascript"> // 将获取的参数传出的函数 var accInput = function(a, b){ alert(a.value); alert(b.value); } window.onload = function(){ // 获取元素 var inValue = document.getElementById("app3").getElementsByTagName("input"); var inbtn = document.getElementById("inbtn"); // 点击事件 inbtn.onclick = function (){ accInput(inValue[0], inValue[1]); } } </script> </body> </html>

                                                  效果图:

                                                              

    最新回复(0)