3.23 参数 DOM 鼠标点击跟移入事件

it2022-07-04  121

参数

  方法 函数

   定义,调用,参数,返回值

     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="width: 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

相关资源:数据结构—成绩单生成器

最新回复(0)