首页 > 其他分享 >前端JS-Day17

前端JS-Day17

时间:2022-09-02 16:24:58浏览次数:49  
标签:DOM 前端 元素 JS 获取 Day17 事件

JS Web API

DOM:文档对象模型

 

 

DOM树:

 

获取元素的方法:

① 根据ID:getElementById( )方法.

② 根据标签名:getElementByTagName( )方法. 返回元素对象的集合,以伪数组方式存储

 

 

③ 通过H5新增方法获取:getElementByClassName获取的是对象集合。

④ 特殊元素获取:获取body元素,获取html元素

 

事件:由事件源、事件类型、事件处理程序三部分组成。

 

① 事件源:事件被触发的对象。

② 事件类型:触发方式、事件内容。

③ 事件处理程序:通过函数赋值方式完成事件。

 

 鼠标事件:

操作元素:JS的DOM操作可以改变网页内容、结构和样式。

 

标签:DOM,前端,元素,JS,获取,Day17,事件
From: https://www.cnblogs.com/LWHCoding/p/16649803.html

相关文章

  • 宝塔添加node,js项目
    第一步  第二步  第三步:数据库配置  第四步:增删改查…… ......
  • js 实现插入排序
    //插入排序的原理://一般也被称为直接插入排序。对于少量元素的排序,它是一个有效的算法。//插入排序是一种最简单的排序方法,它的基本思想是将一个记录插入到已经排好......
  • Nuxtjs 集成 swiper vue-awesome-swiper 插件
    1、必须指定版本不然各种坑经测试通过如下[email protected]@3.1.32.项目中创建插件目录及文件~/plugins/vue-awesome-swiper.jsi......
  • 【校招VIP】[前端][一本][6分]项目需要考虑到PC端和移动端
    关注【校招VIP】公众号,回复【简历】,添加校招顾问微信,即可获取简历指导!本份简历是一位21届一本前端同学的简历,简历评分6分。一、学员简历二、指导意见简历模板没有问题......
  • 原生js处理数组数据小方法
    <ulid="ul"></ul><script>//假设这是一组数据,要渲染到页面页面vararr=[{msg:"nisjsiqi",img:"https://img1.baidu.com/it......
  • 2022-09-02 vue.js不使用插件,进引入vue,实现js原生复制功能
    <!DOCTYPEhtml><html><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=d......
  • JS实现拖拽效果
    HTML部分<divid="container"><divid="drag">拖拽区域</div></div> CSS部分:#container{width:300px;/*overflow:hidden有......
  • 基于Vue的前端UI组件库的比对和选型
    大家好,我是张飞洪,感谢您的阅读,我会不定期和你分享学习心得,希望我的文章能成为你成长路上的垫脚石,让我们一起精进。由于录制视频的需要,要做前端UI组件库的选型。平时国内......
  • 前端监控系统那些事儿之数据采集
    为什么要搭建前端监控系统通常我们建立搭建前端监控体系,主要是解决两个问题:如何发现问题如何快速定位并解决问题在用户量很大的情况下,我们需要用一个这样一个工具来......
  • springboot项目使用jsp
    异常问题场景提示:这里简述项目相关背景springboot课堂学习问题详情提示:这里描述项目中遇到的问题jsp无法访问原因分析提示:这里填写问题的分析没有jsp解......