hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 前端开发 - 正文 看Cosplay古风插画小姐姐,合集图集打包下载:炫龙网 · 炫龙图库

详解DOM元素和事件_WEB前端开发

2020-05-26前端开发ki4网9°c
A+ A-

关于css样式表及多重样式优先级的介绍_WEB前端开发

本文来自CSS入门基础教程栏目,文中为大家介绍了css样式表及多重样式优先级的相关知识,具有一定的参考价值,希望可以帮助到大家。多重样式优先级:内联样式>内部样式>外部样式>浏览器默认样式。

什么是事件?

事件是指用户的行为或元素的状态。由指定元素监听相关的事件,并且绑定事件处理函数。

什么是事件处理函数?

元素监听事件,并在事件发生时自动执行的操作。

一、事件函数分类

1、鼠标事件

onclick //单击
ondblclick //双击
onmouseover //鼠标移入
onmouseout //鼠标移出
onmousemove //鼠标移动

2、文档或元素加载完毕:

onload //元素或文档加载完毕

3、表单控件状态监听:

onfocus //文本框获取焦点
onblur //文本框失去焦点
oninput //实时监听输入
onchange //两次输入内容发生变化时触发,或元素状态改变时触发
onsubmit //form元素监听,点击提交按钮后触发,通过返回值控制数据是否可以发送给服务器

二、获取元素节点

1、根据标签名获取元素节点列表

var elems = document.getElementsByTagName("");
/*参数 : 标签名
返回值 : 节点列表,需要从节点列表中获取具体的元素节点对象,添加相应下标。
*/

2、根据 class 属性值获取元素节点列表

ps保存格式没有jpg怎么办_WEB前端开发

ps保存格式没有jpg的解决办法:首先依次点击工具栏中的【图像】->【模式】;然后在模式的二级菜单中可以看到选择的是【索引颜色】;接着点击并选择【RGB颜色】;最后依次点击窗口左上角的【文件】->【另存为】,并选择“jpg”即可。

3、根据 id 属性值取元素节点

4、根据 name 属性值取元素列表

三、事件绑定方式

1、内联方式: 将事件名称作为标签属性绑定到元素上

例 :

<button onclick="alert()">点击</button>

2、动态绑定 :获取元素节点,动态添加事件

例 :

btn.onclick = function (){
};

推荐教程:js入门教程

以上就是详解DOM元素和事件的详细内容,更多请关注ki4网其它相关文章!

深入理解px、rem、em、vh、vw之间的区别_WEB前端开发

CSS3中新增加的一个尺寸(度量)单位,根节点(html)的font-size决定了rem的尺寸,也就是说它是一个相对单位,相对于(html)。

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
详解DOM元素和事件_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>