原生js中attributes属性

原生js中attribute属性

<div id="box" title="盒子" class="big"></div>
<script>let box = document.getElementById('box');let attrs = box.attributes;console.log(attrs);/*NamedNodeMap0: id1: title2: classclass: classid: idtitle: titlelength: 3*/console.log([...attrs]); //[id, title, class] [...attrs].forEach(item => {console.log(item.name, item.value);//id box ==title 盒子 == class big })
</script>

原生js中attributes属性相关推荐

原生JS中DOM节点相关API合集
原生JS中DOM节点相关API合集节点属性 Node.nodeName //返回节点名称,只读 Node.nodeType //返回节点类型的常数值,只读 Node.nodeValue //返回Te ...
原生JS中的Ajax
所谓Ajax,就是在网页中利用 XMLHttpRequest 对象和服务器进行数据交互的方式.而我们常说的原生JS中的Ajax就是围绕XMLHttpRequest对象进行发送请求. 1.XMLHttp ...
【第48天】AJAX在原生JS中的使用，处理XML数据以及DBUtils的使用，假删除（标记删除）
1 介绍 1.1 同步和异步 1.1.1 基于AJAX的异步传输与传统同步传输的对比 1.1.2 使用时间线表示同步和异步在过程上的区别 1.2 JS与AJAX的关系 1.3 AJAX用到的技术 1. ...
原生js中如果有多个onload事件解决方案
原生js中如果有多个onload事件解决方案参考文章: (1)原生js中如果有多个onload事件解决方案 (2)https://www.cnblogs.com/happy-8090/p/11830 ...
【温故知新】——原生js中常用的四种循环方式
一.引言本文主要是利用一个例子,讲一下原生js中常用的四种循环方式的使用与区别: 实现效果: 在网页中弹出框输入0 网页输出"欢迎下次光临" 在网页中弹出框输入1 网页输 ...
原生Js通过class属性值获取对象
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
原生js中nextSibling和nextElementSibling的坑
作者:拓海老师,公众号:拓海老师一直以来js的随性让初学者蛋疼菊紧,但是真正玩熟了之后,还是非常有意思的! 今天拓海老师跟大家说一下原生js中获取元素的下一个直接兄弟元素的坑! 业务场景:点击当前元 ...
关于JS中target属性
关于JS中target属性的使用首先先介绍一下target这个属性--触发事件的元素定义和语法 //定义 target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素获取当前 ...
php object keys_原生js中Object.keys方法详解
实际开发中,有时需要知道对象的所有属性,原生js提供了一个方法Object.keys(). Object.keys(obj)返回的是一个数组,该数组的所有元素都是字符串.这些元素是来自于给定的obj可 ...

原生js中attributes属性

原生js中attribute属性

原生js中attributes属性相关推荐

最新文章

热门文章