0128 Web API基本认知

article/2024/3/2 12:16:07

作用

使用JS去操作html和浏览器

分类

DOM(文档对象模型)

BOM(浏览器对象模型)

DOM

是什么:Document Object Model-----文档对象模型,用来呈现以及与任意HTML或XML文档交互的API,浏览器提供的一套专门用来操作网页内容的功能

DOM作用

开发网页内容特效和实现用户交互

DOM树

是什么:将HTML文档以树状结构直观的表现出来,称文档树(DOM树),描述网页内容关系的名词

作用:文档树直观的体现了标签与标签之间的关系

DOM对象

是什么:浏览器根据HTML标签生成的JS对象

说明:所有标签属性都可以在这个对象上面找到

          修改这个对象的属性会自动映射到标签身上

核心:把网页内容当做对象处理

document对象

DOM提供的一个对象

提供的属性和方法都是用来访问和操作网页内容的

网页所有内容都在document里面

获取对象

获取DOM元素

根据CSS选择器来获取DOM元素

其他方式

查找获取对象

选择匹配的第一个元素

语法

document.querySelector('变量')

参数:包含一个或多个有效的CSS选择器 字符串

返回值:CSS选择器匹配的第一个元素,一个HTMLelement对象

    <div>我是一个标签标签标签</div><div class="three">i am three boxes</div><script>document.querySelector("div")document.querySelector(".three")</script>

匹配多个参数

语法

    <ul><li>1</li><li>2</li><li>3</li><li>4</li></ul><script>document.querySelectorAll("ul li")</script>

通过遍历(for)获取每一个DOM对象

    <ul><li>1</li><li>2</li><li>3</li><li>4</li></ul><script>let lis = document.querySelectorAll("ul li")for (let i = 0; i < lis.length; i++) {console.log(lis[i])}</script>


http://www.ngui.cc/article/show-845613.html

相关文章

定位——GNSS

GNSS GNSS 即全球导航卫星系统&#xff08;Global Navigation Satellite System&#xff09; 是所有导航定位卫星的总称&#xff0c;凡是可以通过捕获跟踪其卫星信号实现定位的系统&#xff0c;均可纳入GNSS系统的范围&#xff0c;包括以下&#xff1a; 中国 BDS&#xff08;北…

数影周报:LOL源代码遭黑客拍卖,阿里杭州西溪全球总部2023年底前全面建成

本周看点&#xff1a;《英雄联盟》游戏源代码遭黑客拍卖&#xff1b;消息称Salesforce 将任命三位新独立董事&#xff1b;2022年下架移动应用程序420款&#xff1b;抖音超市上线&#xff1b;戴尔以约1亿美元收购以色列初创公司Cloudify......数据安全那些事《英雄联盟》游戏源代…

Rust库交叉编译以及在Android与iOS中使用

本篇是关于交叉编译Rust库&#xff0c;生成Android和iOS的二进制文件&#xff08;so与a文件&#xff09;&#xff0c;以及简单的集成使用。 1.环境 系统&#xff1a;macOS 13.0 M1 Pro&#xff0c;Windows 10 Python: 3.9.6 Rust: 1.66.1 NDK: 21.4.7075529 这里就不具体说…

Java开发实现图书管理系统

本文用Java代码实现图书代码管理系统&#xff0c;有些地方可能会有纰漏&#xff0c;希望各位大佬鉴赏&#xff01;&#xff01; 文章目录 文章目录 一、Java实现图书管理系统 1.1创建book包 二、创建图书管理系统的操作包 2.1创建Operation接口 三、创建User包 3.1创建User类 四…

【学习笔记】生成函数入门

1.11.11.1 普通生成函数 OGFOGFOGF&#xff1a;F(x)∑n0∞fnxnF(x)\sum_{n0}^{\infty}f_nx^nF(x)∑n0∞​fn​xn 定义SEQASEQ_ASEQA​是AAA中元素排成的序列组成的集合&#xff0c;一个序列的大小定义为各元素大小之和&#xff0c;那么SEQASEQ_ASEQA​的OGFOGFOGF&#xff1a;…

2023-01-28 clickhouse-聚合函数的源码再梳理

笔者在源码笔记1之中分析过ClickHouse的聚合函数的实现&#xff0c;但是对于各个接口函数的实际如何共同工作的源码&#xff0c;回头看并没有那么明晰&#xff0c;主要原因是没有结合Aggregator的类来一起分析聚合函数的是如果工作起来的。所以决定重新再完成一篇聚合函数的源码…

亚马逊云科技凭借多年云业务经验,协同合作伙伴快速展开生态化创新

在过去的两周里&#xff0c;ChatGPT的热度居高不下&#xff0c;引发全网讨论。虽然AlphaGo这类AI产品也曾引起热议&#xff0c;但是在应用层面终究还是离用户太远了。而ChatGPT更像是「民用级」的产品&#xff0c;真正意义上让AI技术跨入广泛破圈应用时代。在当下&#xff0c;机…

零食商城|基于springboot的零食商城

作者主页&#xff1a;编程指南针 作者简介&#xff1a;Java领域优质创作者、CSDN博客专家 、掘金特邀作者、多年架构师设计经验、腾讯课堂常驻讲师 主要内容&#xff1a;Java项目、毕业设计、简历模板、学习资料、面试题库、技术互助 收藏点赞不迷路 关注作者有好处 文末获取源…

AutoJs学习-某音自动评论

专栏分享 点击跳转=>Unity3D特效百例点击跳转=>案例项目实战源码点击跳转=>游戏脚本-辅助自动化点击跳转=>Android控件全解手册👉关于作者 众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是…

Win7安装高版本的NodeJS方法,亲测可用

Win7安装高版本的NodeJS方法 正常情况下&#xff0c;Win7所能支持的Node.js最高版本为:V13.14&#xff0c;在开发过程中&#xff0c;git下来的项目由于node版本比较高的原因&#xff0c;好多package都不能还原或出现诸多警告 网络大神分享的安装高版本的方法&#xff1a; 1、…