参数
方法 函数
定义,调用,参数,返回值
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>