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操作
  • 相关阅读:
    Token ,Cookie和Session的区别
    极致Web性能 —— SPA性能指南
    关于前端数据&逻辑的思考
    移动端Retina屏boder 1px显示为2px或3px的解决方法
    Java连载8-基本数据类型2
    HTML连载25-通配符选择器&选择器综合练习
    Python连载25-函数tell&write&writeline$&持久化
    Python连载24-函数list&read&seek
    Java连载7-变量&数据类型
    HTML连载24-属性选择器(下)
  • 原文地址:https://www.cnblogs.com/cp123/p/8636365.html
Copyright © 2011-2022 走看看