原⽣js获得⼋种⽅式,事件操作⼀.原⽣js获得⼋种⽅式
通过ID获取(getElementById)
通过name属性(getElementsByName)
通过标签名(getElementsByTagName)
通过类名(getElementsByClassName)
通过选择器获取⼀个元素(querySelector)
通过选择器获取⼀组元素(querySelectorAll)
获取html的⽅法(document.documentElement)
document.documentElement是专门获取html这个标签的
获取body的⽅法(document.body)
document.body是专门获取body这个标签的
input绑定onblur事件⼆.事件句柄
属性当以下情况发⽣时,出现此事件
onabort图像加载被中断
onblur元素失去焦点
onchange⽤户改变域的内容
onclick⿏标点击某个对象
ondblclick⿏标双击某个对象
onerror当加载⽂档或图像时发⽣某个错误
onfocus元素获得焦点
onkeydown某个键盘的键被按下
onkeypress某个键盘的键被按下或按住
onkeyup某个键盘的键被松开
onload某个页⾯或图像被完成加载
onmousedown某个⿏标按键被按下
onmousemove⿏标被移动
onmouseout⿏标从某元素移开
onmouseover⿏标被移到某元素之上
onmouseup某个⿏标按键被松开
onreset重置按钮被点击
onresize窗⼝或框架被调整尺⼨
onselect⽂本被选定
onsubmit提交按钮被点击
onunload⽤户退出页⾯
三.使⽤⽅法
1.获取单个元素
2.单个元素发送的事件
3.发⽣的内容相关替换
let inp = document.querySelector('input');
console.log('按下')
};
四.提取元素⾥⾯的内容
innerHTML:获取⽂本包括标签
innerText:获取⽂本不包括标签
val:获取表单⾥⾯的值
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论