2020-12-05 学习总结自身难点：CSS 子元素选择器，for遍历，for...in遍历，forEach遍历，js伪数组转数组，js查找元素获取子元素再进行遍历

最新推荐文章于 2023-03-27 20:22:54 发布
最新推荐文章于 2023-03-27 20:22:54 发布
阅读量675 收藏
点赞数 2
分类专栏： JavaScript学习总结 文章标签： js javascript 前端 es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51907938/article/details/110681938
版权

通过这几天的综合练习总结一下自己不会的知识点

CSS 子元素选择器

选择子元素
如果您不希望选择任意的后代元素，而是希望缩小范围，只选择某个元素的子元素，请使用子元素选择器（Child selector）。

选择器 h1 > strong 可以解释为“选择作为 h1 元素子元素的所有 strong 元素”。

for遍历

for (var i = 0; i < 9; i++) {
   
   console.log(i);
   // more statements
}

详细：

最低0.47元/天 解锁文章
Amanda&Rachel
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM节点的查找方式和查看设置属性节点
jingguo_的博客
12-19 2838
一.什么是DOM 文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。 DOM 将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来。 二.什么是DOM节点 DOM节点分为三大类: 元素节点(标签节点)、属性节点和文本...
DOM
my_web000的博客
12-27 138
DOM 选择器 document.getElementById(id) 通过id来获取html元素 单个 document.getElementsByTagName(tag) 通过tag 标签名 来获取html元素（类数组-多个） document.getElementsByName(name) 通过name 名称 来获取html元素（类数组-多个） document.getElementsByC...
DOM基本操作，查看元素节点，元素节点中的子节点，判断是否为元素节点，元素节点的（增，删，改），获取元素节点的属性
qq_43631129的博客
02-03 756
DOM基本操作，查看元素节点，元素节点中的子节点，判断是否为元素节点，元素节点的（增，删，改），获取元素节点的属性,body、documentElement、getElementById、getElementsByTagName、getElementsByClassName、getElementsByName、querySelector、querySelectorAll、
JavaScript DOM查找节点
aceyaya的博客
05-11 1123
(一)通过getElement系列方法： document.getElementById();//id document.getElementsByTagName();//标签名；Elements加了S，选出来是类数组； document.getElementsByName();//name属性，部分标签可以；Elements加了S，选出来是类数组； document.getElementsByClassName();//class；Elements加了S，选出来是类数组；IE9以下不支持； docum
详谈DOM简介及节点、属性、查找节点的方法
11-26
DOM(Document Object Modle) 操作文档的编程接口 DOM定义了表示和修改文档的方法，不能修改css样式表，在js中使用DOM方法改变元素的css样式，实质上是在元素上添加行间样式。 DOM对象就是宿主对象，用来操作HTML和xml功能对象的集合。 xml——>xhtml——>html4.0——>html5 HTML和xml的区别：除了xml可以自定义标签外基本上没区别，xml被json替代了。 document，单独写的时候，它代表整个文档，隐式的写在html标签的上一层，html只是文档中的根标签。 注意点：BOM、DOM成组的东西都是类数组，而不是数组。 获取元素的
JavaScript遍历DOM元素的常见方式示例.docx
01-19
- `querySelectorAll` 接收一个CSS选择器，返回匹配该选择器的所有元素的NodeList。 - `getElementsByTagName` 返回指定标签名的所有元素，`getElementsByClassName`返回指定类名的所有元素，`getElementById`则...
JavaScript遍历DOM元素的常见方式示例
12-12
`querySelectorAll`方法允许我们根据CSS选择器获取元素集合，然后通过迭代器遍历这些元素。这种方式非常适合处理复杂的筛选需求。 ```javascript var elements = document.querySelectorAll('#list *'); for (var i...
js-memory-game:记忆卡游戏:joker:–使用纯JavaScript的小项目
04-29
记忆卡游戏 带有Vanilla JavaScript的小项目 记忆卡游戏，也称为匹配对，是一...使用forEach遍历列表 添加/删除元素类 添加/删除事件监听器 超时 html5：数据属性 CSS3：定位，Flexbox，透视图，背面可见性，过渡 设计
H5前端实战案例_前端开发_To-Do-List设计（css+js）.rar
10-30
- `document.getElementById()` 和 `querySelector()`：通过ID或CSS选择器获取DOM元素。 - `addEventListener()`：为元素添加事件监听器，如点击事件。 - `event.preventDefault()`：阻止元素的默认行为，如表单...
js+FSO遍历文件夹下文件并显示.docx
01-19
在JavaScript中，File System Object (FSO) 是一种用于读写Windows文件系统的方法，通常在ActiveX环境中...通常，用户需要通过拖放或文件选择器来指定文件夹。 请根据你的具体需求选择合适的语言和方法进行文件遍历。
JavaScript DOM 基础：节点查找与节点操作
QIANDXX的博客
04-14 913
DOM概念 文档对象模型（Document Object Model），它定义了访问和处理HTML文档的标准方法。 HTML文档中的每个成分都是一个节点。HTML文档中的所有节点组成了一个文档树（节点树）。HTML文档中的每个元素、属性、文本等都代表着树中的一个节点。树起始于文档节点，并由此继续延伸枝条，直到处于这棵树最低级别的所有文本节点为止。 学习DOM，就是学习一些操作页面元素的API（方法）。下图表示一个文档树。 DOM的组成 DOM 是由节点组成的。 DOM 的节点类型 描述 元
获取和设置元素内容以及元素属性
weixin_45629646的博客
04-11 240
1.HTML方法的使用：jQuery中的HTML方法可以获取和设置标签的HTML内容 2.append方法：给指定元素追加HTML内容使用 3.prop方法的使用：之前使用css方法可以给标签设置样式属性，那么设置标签的其他属性可以使用prop方法了。 4.获取和设置元素的value属性可以通过val方法来完成，更加方便和简单 ...
document操作HTML的元素属性
you些话的博客
12-09 600
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js操作HTML的元素属性</title> </head> <script type="text/javascript"> //声明函数--固有属性 function testFieId(){ //获取元素对象 var inp=document.getEleme
DOM查询常用方法及属性
杨欢博的博客
02-23 541
DOM查询 获取元素节点的子节点 通过具体的元素节点调用 getElementsByTagName( ) 方法，返回当前节点的指定标签名后代节点 childNodes 属性，表示当前节点的所有子节点 会获取包括文本节点在内的所有节点 标签间的空白也会当成文本节点 注意：在IE8及以下的浏览器中，不会将空白文本当成子节点 firstChild 属性，表示当前节点的第一个节点 lastChild 属性，表示当前节点的最后一个节点 children 属性，可以获取当前元素
节点查找以及节点遍历：两种方式
weixin_33961829的博客
05-05 354
遍历节点的方式叫做：API 这里有两个套API 即：HTML元素。 //===========================以下是第一种操作DOM的API，会把空文本节点计算在内。相比下面的第二套API兼容性会好点=========================//在控制台获取对象时：点击所获取的对象在firefox中显示各种属性，在chrome中是显示其子元素...
六种查找算法
pdsyaom的专栏
03-04 562
接着上次的排序算法讨论，这次谈的是六种查找算法，分别是：顺序查找、折半查找、二叉树查找、索引查找、开地址哈希查找方法、拉链法哈希查找方法。 　　由于查找一个数的过程，无论运用哪种算法对于电脑来说速度都是非常快的，都在1ms之内，无法用计时函数测试出来。所以为了能够直观准确地表示出各个算法间的差异，此程序用了循环查找的方法，具体的思想是：先随机生成3000个数作为查找的数据源，再随机生成300
如何遍历来自querySelectorAll的DOM元素
cuk0051的博客
08-25 755
The querySelectorAll() method run on document returns a list of DOM elements that satisfy the selectors query. 在document运行的querySelectorAll()方法返回满足选择器查询的DOM元素列表。 It returns a list of elements, whic...
DOM的 事件/style操作/querySelectorAll用法
da_shuai_bi_a的博客
03-27 343
此方式查询的结果, 是类数组类型, 但是其原型 NodeList中存在forEach方法可以实现遍历操作。事件: 在元素上触发的一些事情, 能够触发的事件都被系统提前规定好。selector:选择器。
解释程序 document .querySelectorAll('.default-action') .forEach(el => {
最新发布
05-24
这行代码使用了 JavaScript 中的方法和语法： - `document`：表示当前的文档对象，即 HTML 页面。 - `querySelectorAll`：是一个 DOM 方法，用于在文档中查找所有符合指定 CSS 选择器的元素，并返回一个 NodeList，这里选择了所有 class 为 `default-action` 的元素。 - `forEach`：是一个数组方法，用于遍历数组中的每个元素，这里是遍历 NodeList 中的每个元素。 - `el =>`：箭头函数的语法，表示对于 NodeList 中的每个元素，都执行后面的操作。 - `{}`：花括号之间的代码是对于每个元素要执行的操作，这里没有给出具体的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值