DOM基础笔记——DOMTokenList

最新推荐文章于 2023-09-07 15:52:30 发布
最新推荐文章于 2023-09-07 15:52:30 发布
阅读量2.9k 收藏 2
点赞数 1
分类专栏： js 文章标签： dom
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yomuki/article/details/111034560
版权
DOMTokenList是表示一组空格分隔标记的接口，常见于Element.classList。它包含.length属性获取标记数量，.value获取或设置标记列表。接口提供.item(), .contains(), .add(), .remove(), .replace()等方法进行操作。这些方法便于在DOM操作中动态管理元素类名。" 122887605,12180383,HTML前端教程：表单操作与jQuery入门,"['HTML', '前端开发', 'jQuery']
摘要由CSDN通过智能技术生成

目录

 

1、什么是DOMTokenList？

2、属性

3、方法

1、什么是DOMTokenList？

表示一组空格分隔的标记（tokens）

由 Element.classList 等返回的一组值。

2、属性

  • DOMTokenList.length  值的个数
  • DOMTokenList.value 以DOMString 的形式返回 DOMTokenList 列表的值。（DOMString映射String）

3、方法

  • DOMTokenList.item(index)  根据传入的索引值返回一个值，如果索引值大于等于符号列表的长度（length），则返回 undefined 或 null，在 Gecko 7.0 之前的版本中返回 null。
  • DOMTokenList.contains(token) 如果 DOMTokenList 列表中包括相应的字符串 token，则返回 true，否则返回
最低0.47元/天 解锁文章
Yomuki
关注
专栏目录
token-list:统一令牌列表
04-10
统一令牌列表 参见或 。
[HTML API]DOMTokenList
weixin_30872789的博客
01-31 241
interface DOMTokenList { readonly attribute unsigned long length; getter DOMString item(in unsigned long index); boolean contains(in DOMString token); void add(in DOMString token); v...
classList和DOMTokenList
laodengjuntuan的博客
08-02 546
The Element.classList is a read-only property that returns a live DOMTokenList collection of the class attributes of the element. This can then be used to manipulate the class list. MDN文档上，classList的英文定义比中文的要更更让人容易明白。。。 1.它是一个只读属性 2.它返回一个元素的class属性的实时的 D.
token-list:社区维护了Solana令牌注册中心
03-15
@ solana / spl-token-registry Solana令牌注册表是一个软件包，允许应用程序查询令牌列表。 令牌的JSON模式包括：chainId，地址，名称，小数，符号，logoURI（可选），标签（可选）和自定义扩展元数据。 安装 npm install @solana/spl-token-registry yarn install @solana/spl-token-registry 例子 查询可用令牌 new TokenListProvider ( ) . resolve ( ) . then ( ( tokens ) => { const tokenList = tokens . filterByClusterSlug ( 'mainnet-beta' ) . getList ( ) ; console . log ( tokenList ) ; } )
DOMapi
Ripe_L的博客
04-05 378
NodeList 表示 HTML 元素集合 选择器 - 作用：选中html元素，在js中以对象形式存在， - js通过对dom对象下属性多次赋值，以及api使用，完成页面动画 - **注意：选择器返回值，有的是dom对象，有的集合，如果是集合，需要从集合中取值获取dom对象** document.api - document.getElementById() - document.getElementsByClassName(); - document.getElementsByTagName(); .
JavaScript 中 DOM 元素的获取和相关操作——笔记整理0517
张静的博客
05-19 1430
一、什么是DOM元素 DOM (Document Object Model) 即文档对象模型。简称DOM 元素，即HTML元素。 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。（引用自菜鸟） JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScript 能够改变页面中的所有 CSS 样式 Jav
Javascript学习笔记（详）（五）——DOM拓展与事件
Snowzhao的博客
08-03 257
DOM扩展 选择符API 核心方法：querySelector()和querySelectorAll() querySelector()方法： 接收一个CSS选择符，返回与该模式匹配的第一个元素 //取得body元素 var body = document.querySelector("body"); //取得ID为"myDiv"的元素 var myDiv = document.querySelector("#myDiv"); //取得类为"selected"的第一个元素 var selected
如何用js判断dom是否有存在某class的值
10-20
这个属性返回一个实时的DOMTokenList对象，通过该对象提供的方法，我们可以非常方便地判断元素是否具有某个class。例如： ```javascript var hasClass = (function() { var div = document.createElement("div"); ...
老生常谈jacascript DOM节点获取
08-30
`classList`是一个DOMTokenList对象，它包含一个length属性以及添加（add）、移除（remove）、切换（toggle）类名的方法。使用`classList`可以更方便地进行类名的切换操作，而无需担心重复或格式问题。 7. 实例说明...
解决DOMTokenList的兼容问题(ie9及以下)
weixin_44860135的博客
05-21 1066
在ie9中 报错"DOMTokenList"未定义 解决方法 在入口文件引入 https://github.com/jwilsson/domtokenlist/tree/master/dist 的domtokenlist.js文件
Vue源码分析之-虚拟DOM
前端高薪进击手记
07-10 467
虚拟DOM 代码演示new Vue()实例时，render的定义中有个习惯命名为h的函数类型参数，参数h()函数实际上对应我们源码中的$createElement()。h() 函数的作用是用来创建一个虚拟节点VNode，调用 h(tag, data, children) 函数的时候需要传入三（4）个参数：这里的 h函数 跟 snabbdom中的有些类似，核心作用都是一样的，都是为了创建vnode。 只不过Vue中的 h函数 它里面支持组件 component，并且还支持 slots 插槽。...
DOM学习笔记
qq_37717458的博客
03-24 424
DOM介绍Node类型nodeType属性nodeName和nodeValue属性节点属性childNodes属性hasChildNodes()操作节点Document类型部分属性表查找元素 Node类型 nodeType属性 Node.ELEMENT_NODE Node.ATTRIBUTE_NODE Node.TEXT_NODE …有12个这样的类型，每个类型对应一个数值 if (someNod...
js：对dom元素class属性进行读取、更新、移除操作
彭世瑜的博客
09-07 2018
综上，一共有三种方式对dom元素class属性进行读取、更新、移除操作。DOMTokenList对象。
手把手教你搭建Token-List | 解决uniswap没有logo的问题
BUG设计师
09-02 9886
目录 一、创建token-list.json文件 二、上传token-list.json文件到网络 三、添加Token-List到Manager-Lists 一、创建token-list.json文件 打开本地记事本，输入以下内容： { "name": "DEFI", "logoURI": "https://www.xxxxxxxxxxxx/logo.png", "keywords": [ "defi", "DEFI", "yield" ...
前端Vue: ElementUI 源码分析之dom.js样式操作的封装
weixin_33860553的博客
04-23 578
elementUI 源码分析之dom.js; 前言： elementUI 中对dom样式的操作，使用了Web API接口中对element 对象的 1.classList属性/className属性/contains等属性； 复制代码 科普： Element.classList 是一个只读属性，返回一个元素的类属性的实时DOMTokenList 集合。 复制代码 使用 classList 是替代e...
JS魔法堂：那些困扰你的DOM集合类型
weixin_34239592的博客
07-11 190
一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　　大家先看看下面的js，猜猜结果会怎样吧！ 　　可选答案： 　　①. 获取id属性值为id的节点元素 　　②. 抛namedItem is undefined的异常 var nodes = document.getElementsByName('dummyName'); var node = nodes...
classList详解，让你的js方便地操作DOM类
Preserve
01-16 3324
在此之前，jQuery的hasClass、addClass、removeClass我们已经再熟悉不过了，然而我们并不会在每一个项目中都会去使用jQuery或者Zepto，譬如在移动端的网页中，考虑到传说中的性能和静态资源的请求量等因素，我们通常会选择采用原生js，而对于元素的class操作。你首先想到的就是className，这位伙计完美地得到了包括ie6在内的所有古现代浏览器的支持，尽管它的功能
document和window在ts中用什么类型申明
最新发布
09-30
对于`Document`，在现代TypeScript中，你应该使用`typeof window.Document`或者`DOMTokenList`、`HTMLCollection`等类型的联合类型，如果是在Node.js环境中，则可以使用`Document`接口： ```typescript let doc: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值