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="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操作 相关推荐
星星有所不知 2020-10-12
zuncle 2020-09-28
huaoa 2020-09-14
北京老苏 2020-08-17
luvhl 2020-08-17
Kakoola 2020-07-29
drdrsky 2020-07-29
书虫媛 2020-07-08
liaoxuewu 2020-07-08
SIMONDOMAIN 2020-07-08
爱读书的旅行者 2020-07-07
tianzyc 2020-07-04
Vue和React是数据驱动视图，如何有效控制DOM操作?能不能把计算，更多的转移为js计算？因为js执行速度很快。patch函数-->patch,对比tag,对比tag与key,对比children
Lophole 2020-07-04
Lophole 2020-06-28
liaoxuewu 2020-06-26
ApeLife技术 2020-06-26
北京老苏 2020-06-25
Lophole 2020-06-14