zoukankan      html  css  js  c++  java
  • 3.23 参数 DOM 鼠标点击跟移入事件

    参数

      方法 函数

       定义,调用,参数,返回值

         show(aaa[实参])、

    function show(参数列表【形参】){

      方法里面用形参

      return 返回值  // 用来结束方法

    }

      自调用方法

          (function(){

                })

    DOM

    1、找到元素(标签对象)

        标签名:

          document.getElementsByTagName();

        属性:

          document.getElementById();  //id属性值

          document.getElementsByName();  //name属性值

          document.getElementsByclass();  //class属性值

    2、操作元素

        操作内容:

          非表单元素:

            标签对象.innerHTML  //获取标签内容

            标签对象.innerHTML = 内容  //修改标签内容

          表单元素:

            标签对象.value  //获取标签内容

            标签对象.value = 内容  //修改标签内容

          操作属性:

            标签对象.getAttributr("属性名")   //获取标签属性值

            标签对象.setAttributr("属性名","属性值")  //设置标签属性值

          操作样式:

            标签对象.style.color   //获取标签样式值

            标签对象.style.color = "red";  //设置标签样式值,要带双引号

    <body>
        <div id="dbt" style=" 100%;height: 100px; border: 1px solid red;margin:0px auto;">
             <button onClick="dbtt('width','41%')">变窄</button>
             <button onClick="dbtt('background','yellow')">变黄</button>
             <button onClick="dbtt('height','300px')">变高</button>
    <!--         ??点击后,只执行第一条参数,后面不变-->
             <button onClick="dbtt('width','100%','height','100px','background-color','white')">恢复原样</button>
         </div>
    
    </body>
    <script>
    
        function dbtt (name,value)
    {
        var dbtt=document.getElementById('dbt');
        dbt.style[name]=value;
    }
    
    </script>    
    参数调用以及dom操作
  • 相关阅读:
    Class.getSimpleName()的作用
    win7下制作ubuntu系统安装启动盘和U盘安装ubuntu全过程
    奈奎斯特三大准则
    [转]OFDM中保护间隔和循环前缀抵抗ISI和ICI
    频偏
    移动通信里面,OFDM技术所说的“载波相互正交”是什么意思?
    虚拟盘符映射
    npm 安装与常用命令
    ASP.NET WebAPI HTTPS
    记录下自己写的gulp打包脚本
  • 原文地址:https://www.cnblogs.com/cp123/p/8636365.html
Copyright © 2011-2022 走看看