元素获取与事件绑定
来源:互联网 发布:业务数据分析师要求 编辑:程序博客网 时间:2024/06/06 05:18
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title></title>
</head>
<body>
<divid="div1">
</div>
<scripttype="text/javascript">
// 元素获取
// 都是DOM
// html获取
// 通过id获取元素
// object 对象 万事万物皆对象
varoDiv1 = document.getElementById("div1");
// alert(oDiv1);
// 获取所有div
// a array数组
// 标签名获取元素
varaDiv = document.getElementsByTagName("div");
// alert(aDiv);
// 通过css获取
varoDiv2 = document.querySelector("#div1");
// alert(oDiv2);
varaDiv2 = document.querySelectorAll("div");
// alert(aDiv2);
// 我要做点什么
// 事件绑定
// 简单事件
// 1. 鼠标点击------onclick
oDiv1.onclick= function(){
// alert("恭喜你点击绑定成功");
oDiv1.style.backgroundColor= "blue";
oDiv1.style.transform= "translate(100px, 100px)";
};
// 2. 鼠标移入----onmouseover
oDiv1.onmouseover= function(){
// alert("鼠标移入")
};
// 3. 鼠标移出效果----onmouseout
oDiv1.onmouseout= function(){
// alert("鼠标移出");
};
</script>
</body>
</html>
- 元素获取与事件绑定
- 元素获取与事件绑定
- jQuery获取绑定自定义事件的元素
- jquery获取元素绑定的事件
- javascript 为元素绑定事件并获取元素位置
- jquery 循环获取表单下一个元素(回车绑定tab事件)
- JS获取元素样式、绑定解除事件函数兼容
- 绑定在标签中的事件如何获取当前元素
- jQuery元素事件绑定
- jquery绑定事件的方法on中获取当前所在元素及子元素的方式
- coffee 动态元素事件绑定
- jquery动态元素绑定事件
- jquery未来元素绑定事件
- 给元素绑定事件时传参
- on事件绑定未来元素
- 取元素值事件绑定
- jquery为元素绑定事件
- 脚本新增元素绑定事件
- 趣味100道C语言程序题num five
- [学习笔记]在页面中引用javascript代码
- SQL和HQL占位符问题
- GitHub命令笔记
- Python 点球小游戏
- 元素获取与事件绑定
- HDU.2089 & HDU.3555
- Filthy Rich(数塔)
- WebService学习总结十 使用Spring发布WebService并添加拦截器
- 朱茵近况微博自曝怀孕消息
- 【C】最大子列和问题
- java设计模式六大原则
- mysql创建外键
- 欢迎使用CSDN-markdown编辑器