1+X证书学习日志——DOM节点的获取
2024-10-21 19:02:03
var oBox = document.getElementById('box');//获取ID为box的节点
var aBox = document.getElementsByTagName('div');//获取标签名为div的节点
var oBox = document.querySelector('.wrap'); //获取 ,wrap节点
var aBox = document.querySelectorAll('div');//获取所有div节点
// console.log(aBox);
如何给dom节点绑定事件
节点.onclick = function(){
//事件处理程序 }
鼠标事件:
onclick
ondblclick
oncontextmenu 右击
onmouseover onmouseout
onmouseenter onmouseleave 鼠标移入移除
onmousedown onmousemove onmouseup...
###滚轮事件
onmousewheel
###键盘事件
onkeyup 键盘抬起
onkeydown 键盘按下(任何键都可以)
onkeypress 键盘按下 (字母键数字键)
### 滚动条事件
onscroll
window.onscroll = function(){}
###表单事件
onfocus 获得焦点
onblur 失去焦点
oninput 文本框输入事件(实时监控文本框)
onchange 文本框失去焦点内容发生改变时触发
onsubmit 表单提交 form才有
最新文章
- JS实战 · 表单验证
- 1027 HTML的初学
- C#基础-replace()过滤非法字符
- IOS OC声明变量在@interface括号中与使用@property的区别
- winform退出或关闭窗体时弹窗提示代码:转
- ruby -- 基础学习(四)TimeDate处理
- QUnit使用笔记-5简化编写
- 三星Mega 6.3(i9200)删除kingroot
- Gerrit清单库配置(转载)
- WPF-实现Windows 7 样式 Aero TreeView 控件
- UITableView自动滚动方法
- Servlet 基础知识
- 详解iOS开发之自定义View
- TimerTask实现定期检查数据库操作
- windows系统下安装和使用ROS的解决方案 (1 win_ros 2 rosserial_windows)
- 如何解决testng执行用例失败自动重跑问题
- 通过hash实现前端路由
- 决策树算法原理(CART分类树)
- Javascript - ExtJs - ToolTip组件
- PostgreSQL、SQL Server数据库中的数据类型的映射关系
热门文章
- Redis代码示例
- 设置应用程序的样式并对其进行部署——《Python编程从入门到实践》
- 子页面赋值给父页面:window.opener.document.getElementById
- elementUI-tree组件 懒加载
- IfcWallStandardCase 构件吊装模拟
- [LeetCode] 316. Remove Duplicate Letters 移除重复字母
- [LeetCode] 325. Maximum Size Subarray Sum Equals k 和等于k的最长子数组
- Bazel安装及使用入门
- chrome/firefox如何设置很色背景
- centos php7.1 redis4.0.9 安装扩展phpredis