• 取出type="button" 和type="text" 里面的值显示在页面


    <script  type="text/JavaScript>

    function changeLink()

    {  

      document.getElementById("node").innerHTML="搜狐";

    }

    function showAllInput()

    {

      var aInput=document.getElementsByTagName("input");

      var sStr="";  

    for(var i=0;i<aInput.length;i++)

    {  

     sStr+=aInput[i].value+"<br />";  

    }   

    document.getElementById("s").innerHTML=sStr;

    }  

    function showOneInput()

    {  

    var aInput=document.getElementsByName("season");  

    var sStr="";

      for(var i=0;i<aInput.length;i++)

    {  

     sStr+=aInput[i].value+"<br />";

     }

     document.getElementById("s").innerHTML=sStr;  

    } </script>

    </head>

    <body> <div id="node">新浪</div> <input name="b1" type="button" value="改变层内容" onclick="changeLink();" /><br /> <br /><input name="season" type="text" value="春" /> <input name="season" type="text" value="夏" /> <input name="season" type="text" value="秋" /> <input name="season" type="text" value="冬" /> <br /><input name="b2" type="button" value="显示input内容" onclick="showAllInput()" /> <input name="b3" type="button" value="显示season内容" onclick="showOneInput()" /> <p id="s"></p> </body>

  • 相关阅读:
    147-21. 合并两个有序链表
    146-14. 最长公共前缀
    145-如何查看python帮助文档
    144-38. 外观数列
    143-121. 买卖股票的最佳时机
    142-206. 反转链表
    141-98. 验证二叉搜索树
    Nginx中文域名配置
    Keepalived+Nginx架构整理版
    Tomcat启动脚本
  • 原文地址:https://www.cnblogs.com/914556495wxkj/p/3426534.html
Copyright © 2020-2023  润新知