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操作
  • 相关阅读:
    如何将u盘、移动硬盘转化为活动分区--绝招
    jstl错误排除:According to TLD or attribute directive in tag file, attribute value does not accept any expressions
    eclipse中package explore和project explore 怎么相互切换???
    硬盘知识区
    Sublime Text 3下Emmet使用技巧
    sublime text3中设置Emmet输入标签自动闭合
    window如何分区
    HTTP缓存
    react-router 4实现代码分割(code spliting)
    Vue练手项目(包含typescript版本)
  • 原文地址:https://www.cnblogs.com/cp123/p/8636365.html
Copyright © 2011-2022 走看看