zoukankan      html  css  js  c++  java
  • CSS之Document方法的使用

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>使用Document方法</title>
    <style type="text/css">
    body{font-size:14px;
         line-height:30px;
         }
    input{margin:1px;
          90px;
          font-size:12px;
          padding:0;
          }
    #node{
        100px;
        font-size:24px;
        font-weight:bold;
        float: left;
        }
    </style>
    <script  type="text/javascript">
    function changeLink(){
       document.getElementById("node").innerHTML="搜狐";
    }
     
    function all_input(){
      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 s_input(){
      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="all_input()" />
    <input name="b3" type="button" value="显示season内容" onclick="s_input()" />
    <p id="s"></p>
    </body>
    </html>
    

    不努力,还要青春干什么?
  • 相关阅读:
    Delphi中Indy10的IdTcpClient和IdTcpServer数据通信
    Delphi中TStringList的使用
    VC2008中处理CStatic控件的单击STN_CLICKED消息
    VS2008中编译运行MFC应用程序时,出现无法启动程序,因为计算机中丢失mfc90ud.dll的解决方案
    adb 常用命令大全
    Windows XP 下如何使用Qt Creator中的Git版本控制功能
    git安装及命令使用和github网站
    Win7下VS2008安装cocos2d-2.0-x-2.0.4模板时, 运行InstallWizardForVS2008.js文件执行失败的解决办法
    VC2008中将CString转换成const char*的一种有效方法
    VS2008中MFC对话框界面编程Caption中文乱码的解决办法
  • 原文地址:https://www.cnblogs.com/caidupingblogs/p/4927286.html
Copyright © 2011-2022 走看看