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操作
原文地址:https://www.cnblogs.com/cp123/p/8636365.html