时间戳

首页 > 解决方案 > Javascript代码可以像函数一样写吗？

javascript - Javascript代码可以像函数一样写吗？

问题描述

假设在 Click 按钮上触发了一个函数

<!DOCTYPE HTML>
    <html lang="en">
        <!--getElementsByTagName.html-->
        <head>
            <title>getElementsByTagName.html</title>
            <meta charset="UTF-8"/>
            <link rel="stylesheet" type="text/css" href="getElementsByTagName.css"/>
            <script type="text/javascript">
                //<![CDATA[
                function getData(){
                     inputTag=document.getElementsByTagName("input");
                     divOutput=document.getElementById("output");
                     alert(inputTag.length);//length of input Tag
                     for(i=0;i<inputTag.length-1;i++){
                        if((inputTag[i].value=="") || (inputTag[i+1].value=="")){
                            alert("Please Enter Value");
                        }else{
                            a=inputTag[i].value;
                            b=inputTag[i+1].value;
                        }
                     }
                     $("#output").css("display","block");
                     divOutput.innerHTML="<strong>"+a+"<\/strong>";
                     divOutput.innerHTML+="<br\/>"+"<strong>"+b+"<\/strong>";
                }//end function
                //]]>
            </script>
        </head>
        <body>
            <form action="">
                <fieldset>
                    <legend>Example getElementsByTagName</legend>
                        <label>Name</label>
                            <input type="text" id="txtName"/>
                        <label for="txtName">Password</label>
                            <input type="password" id="txtPassword"/>
                    <button type="button" onclick="getData()">
                    Submit
                    </button>
                </fieldset> 
                <div id="output">
                </div>
            </form>
        </body>
    </html>

这是正确的吗？？$("#output").css("display","block");

此代码不起作用，即单击提交按钮后它不显示输出 div？

标签： javascript

解决方案

添加此代码：

$( "#output" ).on( "click", function() {
  this.css("display", "block");
});

推荐阅读