• 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操作
  • 相关阅读:
    现代C++学习笔记之二入门篇2,数据转换
    现代C++学习笔记之二入门篇1
    现代C++学习笔记之一资料篇(C++ 11)
    OSG3.2+Qt5.2.1+VS2012+OSGEarth 2.5编译问题记录
    无法解析的外部符号 _WinMain@16(原)
    qt-vs-addin:Qt4和Qt5之VS插件如何共存与使用(转)
    一些webGL地球的网址
    Windows7下使用sphinx生成开源文档(原)
    VC解决方案,项目,开发一段时间启动调试很慢,半天才开始链接
    SQL笔记
  • 原文地址:https://www.cnblogs.com/cp123/p/8636365.html
Copyright © 2020-2023  润新知