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"; //设置标签样式值,要带双引号
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<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>