DOM—DOM 事件基础知识点总结

枕頭說他不想醒

于 2022-08-20 17:23:45 发布

阅读量783

点赞数 6

分类专栏： JavaScript 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_52984349/article/details/126441246

版权

2、innerText和innerHTML的区别

四、修改元素的属性 —— src、title

五、表单元素的属性操作 —— value

六、样式属性操作

1、通过style —— 行内样式操作

2、通过element.className —— 类名操作样式

一、事件的三要素

1、事件是什么

JavaScript使我们有能力创建动态页面，而事件是可以被JavaScript侦测到的行为

简单理解：触发---响应机制

网页中的每个元素都可以产生某些可以触发JavaScript的事件，例如，我们可以点击某按钮时产生一个事件，然后去执行某些操作。

2、组成

事件是由三部分组成 事件源事件类型事件处理程序 我们也称为事件的三要素

(1)事件源：事件被触发的对象谁按钮

(2)事件类型：如何触发什么时间比如鼠标点击(onclick) 还是键盘按下

(3)事件处理程序通过一个函数赋值的方式完成

代码展示：点击按钮唐伯虎弹出警示框点秋香

<!-- (1)事件源：事件被触发的对象 谁  按钮 -->
   <button id="btn">唐伯虎</button>
   <script>
        // (2)事件类型：如何触发 什么时间 比如鼠标点击(onclick) 还是键盘按下
       var btn = document.getElementById('btn')
       //(3)事件处理程序 通过一个函数赋值的方式 完成
       btn.onclick = function(){
           alert('点秋香')
       }

结果展示：