• 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操作
  • 相关阅读:
    java 11 值得关注的新特性
    MessageDigest来实现数据加密
    LinkedList(JDK1.8)源码分析
    gradle配置统一管理
    Android 新架构组件 -- WorkManager
    RF使用ie浏览器访问页面,浏览器启动只显示This is the initial start page for the WebDriver server,页面访问失败
    jenkins配置RF构建结果显示
    jenkins配置QQ邮箱自动发送RF测试构建结果通知邮件
    RF变量列表类型@{}和${}列表类型的关系
    jekins构建通知邮件配置及邮件附件设置,jenkins构建通知邮件没有RF的log和report文件
  • 原文地址:https://www.cnblogs.com/cp123/p/8636365.html
Copyright © 2020-2023  润新知