【DOM】DOM概述及DOM操作之如何查找元素_01
目录
一. 什么是DOM
二. 什么是DOM树
三. 查找元素: 4种:
1. 不需要查找就可直接获得的元素: 4种:
2. 按节点间关系查找:
a. 节点树: 包含所有网页内容的完整树结构: 2大类关系, 6个属性
1). 父子关系: 4个属性
2). 兄弟关系: 2个属性
e. 元素树: 2大类关系, 6个属性
1). 父子关系:
2). 兄弟关系: 2个
3. 按HTML特征查找: 4个函数:
(1). 按id查找一个元素对象:
(2). 按标签名查找多个元素对象:
(3). 按class名查找多个元素
(4). 按name名查找多个表单元素:
4. 按选择器查找元素:
a. 只查找一个符合要求的元素:
b. 查找多个符合要求的元素:
四. 购物车案例:
五. 事件概述:
⬛总结: DOM 5件事: 增删改查+事件绑定:
一. 什么是DOM
Document Object Model
文档 对象 模型
1. 什么是DOM:一套专门操作网页内容的对象和函数的集合
【DOM】DOM概述及DOM操作之如何查找元素_01相关推荐
- 再谈BOM和DOM(1):BOM与DOM概述
JavaScript的实现包括以下3个部分: ECMAScript(核心):描述了JS的语法和基本对象. 浏览器对象模型(BOM):与浏览器交互的方法和接口 文档对象模型 (DOM):处理网页内容的方 ...
- DOM(一)概述、dom树、查找元素
目录 一.DOM 概述 二.DOM树 二.查找元素 1. 无需查找的元素 2. 按节点间关系查找 3. 按 HTML 特征查找 三.案例:通过DOM实现购物车效果 一.DOM 概述 DOM全称 Doc ...
- DOM中对表格的操作
DOM中对表格的操作 思考:对表格操作都是对表格哪些东西进行操作? 答:对表格中的属性和方法进行操作 表格中有哪些常用的属性和方法? 下面表格中列出了常用的表操作的属性和方法 下面利用代码演示对表格的 ...
- JS中DOM是什么、DOM的基本操作、DOM操作盒子模型的13个api——大总结(附源码)
文章目录 一,什么是DOM? 二,DOM的具体用途及发展史? 1,操作元素 2,操作属性 3,操作文本 三,JS操作盒子模型需要的13个api 一,什么是DOM? DOM:Document Objec ...
- javascript中0级DOM和2级DOM事件模型浅析
Javascript程序使用的是事件驱动的设计模式,为一个元素添加事件监听函数,当这个元素的相应事件被触发那么其添加的事件监听函数就被调用: <input type="button&q ...
- 构建一个虚拟DOM并转换为真实DOM
关于真实DOM与虚拟DOM 1.在学习虚拟DOM之前,让我们先来了解一下真实的DOM结构,这里不得不提的是关于浏览器渲染方面的知识. 当浏览器拿到一个HTML文件,首先会根据HTML文件构建出一个DO ...
- HTML的DOM和XML的DOM对象的区别
HTML的DOM和XML的DOM对象的区别 1.DOM(Document Object Moder)被称作文档对象模型,它是语言和平台中立的接口,允许程序和脚本动态访问和更新文档的内容,结构和风格 2 ...
- 前端:JS/25/DOM官方定义,DOM分类,HTML节点树(节点关系,节点类型,),核心DOM中公共的属性和方法(节点访问,查找DOM节点,节点属性,节点的创建,追加和删除)
DOM官方定义 DOM,Document Object Model,文档对象模型,我们可以把网页中的所有"东西"看成是对象": DOM的官方定义:DOM可以使用脚本,动态 ...
- html dom对象简写,HTML DOM 对象
本篇主要介绍HTML DOM 对象:Document.Element.Attr.Event等4个对象. 目录 1. Document 对象:表示文档树的根节点,大部分属性和方法都是对元素进行操作. 2 ...
最新文章
- ELECTRA 超过bert预训练NLP模型
- python数据挖掘主要特点_【Python数据挖掘】第六篇--特征工程
- maven scala plugin 实现jvmArgs,执行过程原理解析笔记
- 六款小巧的HTTP Server
- Ubuntu安装遭遇 VMware上的Easy install模式
- 国家特级数学教授李毓佩:我们欠孩子真正的数学阅读 !
- 自动化测试特定区域滑动_自动化用户特定实体的访问控制
- 被一个熟悉的面试题问懵了:StringBuilder 为什么线程不安全?
- 开源分布式搜索平台ELK+Redis+Syslog-ng实现日志实时搜索
- python内建函数有哪些_Python内建函数大全(一)
- java 认证和授权_SpringSecurity一:认证和授权
- Luogu 4069 [SDOI2016]游戏
- acm竞赛java很少_ACM比赛中JAVA的应用
- 如何使用iMovie对抖动视频进行防抖处理?
- read和write函数
- Vue函数传参之event触发
- u大师u盘装系统win7_使用U盘安装Win7/Win8/Win10系统完美教程
- Ubuntu使用cmake出现Performing Test CMAKE_HAVE_LIBC_PTHREAD - Failed
- 实用工具证件照制作微信小程序源码
- 初识 Linux — 文本编辑器
热门文章
- 跑faster-rcnn pytorch版本踩的坑
- asyncio中的call_soon、call_later、call_at、call_soon_threadsafe方法
- 自建内网邮箱服务器(下)
- PHP苹果支付以及事件通知-周期订阅实现
- APISpace 分钟级降水预报API
- 目前已知摄像头的三维坐标和三维朝向,已知摄像头画面宽高,某一物体在该画面中的位置坐标,以及该物体中心距离摄像头的距离,求该物体在现实世界中的坐标,用c++实现,使用小孔成像原理,直接上代码...
- c# php md5 32位加密,C#实现将32位MD5摘要串转换为128位二进制字符串的方法
- 什么叫做石英表_机械表与石英表的区别是什么?
- 软件交付方式有哪些_如何交付有意义的软件
- Unity 多个Camera叠加显示