js的Web API笔记2：排他思想、自定义属性操作（获取属性值、设置属性值、移出属性、 H5自定义属性）、节点操作（父节点、子节点、兄弟节点、创建节点、添加节点、删除节点）

最新推荐文章于 2023-04-14 11:14:52 发布
最新推荐文章于 2023-04-14 11:14:52 发布
阅读量231 收藏
点赞数 1
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42129553/article/details/108660719
版权
js 专栏收录该内容
49 篇文章 5 订阅 ¥19.90 ¥99.00
订阅专栏
本文详细介绍了JavaScript中的排他操作思想及其应用案例，包括百度换肤、表格隔行变色和全选反选。此外，讲解了自定义属性的获取、设置和移除，特别是H5自定义属性的使用。最后，深入探讨了DOM节点的操作，如父节点、子节点、兄弟节点的获取与创建，以及在实际开发中的应用案例。
摘要由CSDN通过智能技术生成

1.1. 排他操作

1.1.1 排他思想

在这里插入图片描述

如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法：

  1. 所有元素全部清除样式（干掉其他人）

  2. 给当前元素设置样式 （留下我自己）

  3. 注意顺序不能颠倒，首先干掉其他人，再设置自己

    <button>按钮1</button>
    <button>按钮2</button>
了解本专栏 订阅专栏 解锁全文
小黄呀呀呀
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
操作元素排他算法以及三个实用的例子
shen_yk的博客
11-21 835
操作元素 排他算法 如果有同一组元素,我们想要某一个元素实现某种样式 ,需要用到循环的排他思想算法: 1.所有元素全部清除样式(干掉其他人) 2.给当前元素设置样式( 留下我自己) 3.注意顺序不能颠倒,首先干掉其他人,再设置自己 例子 点击按钮 按钮背景颜色改变 再次点击其他的 再次改变 并且之前点击的按钮变回原来的颜色 var btns = document.getElementsByTag...
WebApi之排他思想(3种方法)
weixin_45786584的博客
05-22 294
WebApi——排他思想(3种方法) 排他思想的3种方式(由易到难，js效率逐渐提高，拖拽自己的思路) ​ 第一种思路 ： 好理解，代码效率不高 (存在重复设置) <body> <button>哼哼</button> <button>哼哼</button> <button>哼哼</button> <button>哼哼</button> <button&gt
webApi02
qq_36343904的博客
05-19 442
day02 - Web APIs 1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button&g...
排他操作简介
最新发布
LiXin_07的博客
04-14 520
上诉代码中,第3行代码获取所有按钮元素,存储在btns为数组中.第5~14行代码使用for循环遍历为数组中的每一个元素btns[i].第6行代码给每一个元素添加单击事件.第8~10行代码利用for循环首先吧所有的按钮背景颜色去掉,然后在第12行给当前元素设置背景颜色为pink.例如，在开发中，有统一组元素，如果只允许其中一个元素拥有特定样式，这时就可以使用排他操作来实现。（2）编写JavaScript代码，实现单击按钮，改变当前按钮背景效果，示例代码如下.(1)编写HTML结构代码，示例代码如下。
WebAPI(part5)--排他操作
小山羊的学习日志
11-11 236
学习笔记，仅供参考，有错必究 文章目录Web API排他操作排他思想百度换肤案例表格隔行变色 Web API 排他操作 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意：顺序不能颠倒，首先干掉其他人，再设置自己 举个例子 代码： <!DOCTYPE html> <html lang="en"> <head> <meta cha
Android自定义组件：1、什么是自定义组件、自定义组件的方式、定义自定义属性
01-20
最近项目中用到很多自定义组件的知识，所以想把几年前自学自定义组件的笔记整理一下和大家一起分享，也方便自己巩固。之后也会陆续把以前在公司项目当中比较经典的自定义组件案例，抽离出来和大家一起分享 二、什么...
Javascript学习笔记之 对象篇（一） : 对象的使用和属性
01-21
这是因为 Javascript 解析器在解析点操作符时而将其视为浮点数特征而犯下的错误。 2.toString(); // raises SyntaxError 实际上，我们有很多方法可以使得数字常量表现为一个对象。 2..toString(); // the second ...
Yii2学习笔记之汉化yii设置表单的描述（属性标签attributeLabels）
12-19
本文将详细介绍如何在Yii2中进行框架的汉化以及如何设置表单的描述（属性标签attributeLabels）。 ### 一、框架汉化 Yii2 的汉化主要通过`messages`目录下的翻译文件实现。这些翻译文件通常是`.php`格式，其中包含...
jQuery学习笔记 操作jQuery对象 属性处理
12-11
获取某个属性的取值，或可以用于设置某个属性的值。还可以使用函数作为参数，将函数返回值作为需要为元素属性设置的值，比如将第(index+1)个元素的name属性设置为函数返回值（实际上，明白函数式就根本不需要这说明...
详解Angular2学习笔记之Html属性绑定
12-29
-- 第二种情况 替换 class 类的部分属性 --> ]=isSpcial>CSS 类绑定，[class.sepcial] 部分替换的例子 <!-- 第三种情况 根据表达式显示部分 class 属性--> <div [ngClass]={a:isA, b:is
Java编程实现排他锁代码详解
08-29
主要介绍了Java编程实现排他锁的相关内容，叙述了实现此代码锁所需要的功能，以及作者的解决方案，然后向大家分享了设计源码，需要的朋友可以参考下。
操作元素（排他思想）-算法
weixin_50119334的博客
10-02 241
排他思想 如果由同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式（留下自己） 顺序不能颠倒（先干掉其他人，再设置自己） 例：点击哪个按钮，哪个就变成粉红色 <body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button
如何做数据库操作的排他操作？（个人小结）
anmo的专栏
10-10 4518
在现在的很多系统开发中，都会有或多或少的数据库操作。对于单机的数据库系统，对数据的并发存取基本上不存在会产生冲突的问题；但在当今的网络环境中，单机系统几乎已经不复存在。在网络数据库环境中，时刻都会有并发的存取操作，对于一个完善的数据库系统来说，它们本身就提供了数据完整性以及并发操作的设计，但对于一个非纯粹的数据库管理系统来说，很多时候是通过程序来控制数据的存取权限与存取控制（更有效和直接）
一个简单排他锁的原理与实现
qq_25956141的博客
04-26 2412
介绍 本文将介绍如何应用AbstractQueuedSynchronizer实现一个简单的Lock锁。至于AbstractQueuedSynchronizer的原理在博主其他文章中有介绍，本文重点讲述其应用。AbstractQueuedSynchronizer使用一个队列维护所有的等待锁释放的线程，队列中的每个结点通过自旋的方式来争抢锁，当同步结点释放锁，唤醒next结点。在自旋中，该线程序判断当...
简单清晰的排他锁AQS流程示意图
hepei120的专栏
04-20 362
JS - Web-APIs-day02 排他思想、自定义属性、节点
weixin_45734686的博客
10-22 218
JS - Web-APIs-day02 1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button>按钮...
JavaScript(DOM)排他和属性
Han_Zhou_Z的博客
12-02 1957
目录 一、排他思想 1、鼠标事件 二、属性操作 1、获取属性值 2、设置属性值 （1）固有属性值的设置 （2）对于用户自定义的属性值的设置 3、移出属性值 三、HTML5中自定义属性 1、自定义属性规范：data-属性名 2、实现方式 3、获取自定义属性值： 一、排他思想 定义：简单理解就是排除掉其他的（包括自己），然后再给自己设置想要实现的效果。总而言之，排他思想的实现步骤就是所有元素全部清除与设置当前元素。 案例：点击任意一个按钮，其他按钮不被选择，背景颜色变回原来的颜..
用简单的“排他思想”实现简单的标签点击事件
Null_Robot的博客
07-13 353
1用简单的排他思想 先去掉所有的样式，再给要点击的对象添加样式 <script> var btn = document.querySelectorAll('button'); //btn得到的是伪数组，里面的每一个元素 btn[i]; for(var i = 0;i < btn.length;i++){ btn[i].onclick = function(){
排他思想做法
m0_46978034的博客
05-22 915
排他思想分为俩步骤 1.先给所有的元素绑定事件，而在吧所有的元素样式设置为同一种样式 要使用到双for循环 2.在给当前自己设置样式，总结就是先干掉所有人除了自己 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小黄呀呀呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值