原生js自定义属性的操作：setAttribute、getAttribute、removeAttribute、hasAttribute

<input type="button" id="btn" a='18' value="按钮">

var btn = document.getElementById('btn');
console.dir(btn);
console.log(btn.id); // btn
console.log(btn.type); // button
console.log(btn.a); // undefined
// 查询属性是否存在
console.log(btn.hasAttribute('a'));  // true
// 获取自定义属性
var a = btn.getAttribute('a');
console.log(a); // 18
// 设置自定义属性
btn.setAttribute('attr', '设置'); // 2个参数
console.log(btn); // <input type="button" id="btn" a="自定义属性" value="按钮" attr="设置">
btn.setAttribute('class', 'inputBtn'); // 2个参数
console.log(btn); // <input type="button" id="btn" a="自定义属性" value="按钮" attr="设置" class="inputBtn">
// 移除自定义属性
btn.removeAttribute('attr');
btn.removeAttribute('class');
btn.removeAttribute('a');
console.log(btn); // <input type="button" id="btn" value="按钮">

原生js自定义属性的操作：setAttribute、getAttribute、removeAttribute、hasAttribute相关推荐

原生JS和jQuery操作DOM的区别小结
一.Js原生对象和jQuery实例对象的相互转化: (1).原生JS对象转JQ对象: $(DOM对象); (2). JQ对象转原生JS对象: $(DOM对象).get(index); //注意区分eq ...
原生js 样式的操作整理
内联样式的获取 function getStyle(obj,attr){//简单的获取内联样式return obj.currentStyle?obj.currentStyle[attr]:obj.ge ...
js设置，获取，删除属性(setAttribute, getAttribute, removeAttribute)
设置,获取,删除属性 setAttribute() setAttribute() 方法添加指定的属性,并为其赋指定的值. 如果这个指定的属性已存在,则仅设置/更改值. getAttribute() g ...
往数组里添加键值对_框架都是花哨的东西！js才是根基,分享一下给原生js数组的操作...
1Array.map()方法此方法原数组不会改变,会返回一个新数组.必须有返回值: 语法: array 回调函数是必穿的参数,thisValue是可选参数!对象作为该执行回调同时使用,传递给函数用作 ...
原生JS学习 DOM （案例）
文章目录 1.JS的DOM是什么? 2.DOM的用处 3.查询DOM对象 3.1 基础查询函数(常见DOM操作) 3.2 查询其他标签 3.3思考:备注:什么是标签?什么是节点? 3.4标签对象操作 ...
怎么修改html行内样式表,原生JS获取及设置CSS样式-1.行内样式
面试中,应该会经常被问到样式的写法以及如何使用原生JS获取及操作样式的问题吧,让我给大家总结一下~ HTML中样式的写法不外乎以下四种方式行内样式假装有内容 head内部样式 div { widt ...
水果掉落小游戏（原生js+css动画）
摘要水果下落小游戏,采用原生js的dom操作和css的animation,做的比较粗糙,目的是练习原生js的常用操作.游戏功能与界面均为他人设计,本demo具体代码实现由本人独立实现. 样式 dem ...
原生js获取html元素属性,JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）...
JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性二.设置元素的属性三.删除元素的属性一.获取元素的属性 1-原生JS 获取属性 .ge ...
原生js和jquery常用的DOM操作
前言将原生JS和jquery里面的DOM操作进行了一下整理,方便以后温习. 创建元素节点 1.原生: document.createElement("div") 2.jquery ...

原生js自定义属性的操作：setAttribute、getAttribute、removeAttribute、hasAttribute

原生js自定义属性的操作：setAttribute、getAttribute、removeAttribute、hasAttribute相关推荐

最新文章

热门文章