js 自定义属性

JS自定义属性的设置与获取

以前感觉用JQuery来设置自定义属性很方便,现在没有用JQuery,要用原生的JavaScript来操作自定义属性. Jquery操作自定义属性的方法,很简洁: $("#test").attr("test","aaa") // 设置 $("#test").removeAttr("test") // 删除 var testAttr = "ddd"; $('#test[test="…

html标签中有没有什么自带的属性可以存储成绩的----没有本身html标签没有这个属性,自己(程序员)添加的,----自定义属性---为了存储一些数据在html标签中添加的自定义属性,如果想要获取这个属性的值,需要使用getAttribute("自定义属性的名字")才能获取这个属性的值使用方法: 设置自定义属性:setAttribute("属性的名字","属性的值"); 获取自定义属性的值:getAttribute("…

js 自定义属性操作

自定义属性操作 element.属性获取内置属性值 element.getAttribute("属性") 我们自己添加的属性叫自定义属性 element.setAttribute("属性","值") 主要针对与自定义属性移除属性 element.removeAttrribute("属性") <div id="box" index='7' class=&quo…

JS自定义属性兼容

var obj={}; if(obj.dataset){ obj.dataset.original="11"; }else{ obj.getAttribute("data-original")="22"; }…

js自定义属性的操作

<body> <div id = "demo" index = "1" class = "nav"></div> <script> //普通方式获取属性 var div = document.querySelector('div'); console.log(div.id); //获取元素的属性值 //自定义方式获取属性 console.log(div.getAttribute('id'))://通…

元素多层嵌套，JS获取问题

如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的方法,也分享出来,让我们瞧瞧. HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>元素多层嵌套,JS获取问题</title> </head> <body> <div…

初级JS

唐太宗李世民杀了大哥和弟弟登上的皇位一个人当皇帝排他性是指一种物品具有可以阻止其他人使用该物品的特性. 排他性思想: 在程序中但凡是遇到只让自己怎么样,不让别人怎么样的效果,都要用到排他性思想.而排他性思想往往需要使用到for循环进行群控制. 步骤:一定是先排他,再控制自己. 排他思想: 首先先清除所有人, 再剩下我自己. <script> var btns = document.getElementsByTagName("button"…

HTML5学习总结

一.HTML5概念 HTML5并不仅仅只是做为HTML标记语言的一个最新版本,更重要的是它制定了Web应用开发的一系列标准,成为第一个将Web做为应用开发平台的HTML语言. HTML5定义了一系列新元素,如新语义标签.智能表单.多媒体标签等,可以帮助开发者创建富互联网应用,同时有令人眼花缭乱的css 3,还提供了一些Javascript API,如地理定位.重力感应.硬件访问等,可以在浏览器内实现类原生应用,制作webApp,甚至结合Canvas我们可开发网页版游戏. 我们日常讨论的H5其实指…

HTML5和css3的总结

简单的罗列一个HTML5的新东西,以后的几天里详细的过一遍一个挺有用的网站:www.css88.com [H5的新标签] 用之前的标签完全可以代替的:header footer aside atrical nav address time mark section 新增的重要的标签:video audio caves(画图) 这些新标签的作用:语义化,使代码的可读性更强:便于提高搜索优化. 再谈谈兼容性:兼容IE9+,IE8及其以下有些可以解决,但大部分的还是放弃.这里有两个词我觉得挺好,简单写…

JFinal教程：JFinal极速开发企业实战百集JFinal视频教程发布

课程名称:JFinal极速开发企业实战课程长度:100课时课程作者:小木(909854136) 课程地址:http://edu.csdn.net/course/detail/1968 官网网址:http://www.xiaomuedu.com 目前国内最新最全内容覆盖面超广,从前端到后端,从核心到细节,从原理到实战,无不细致深入源码讲解,是国内JFianl学习不可多得的素材. 关注微信更多课程: 课程介绍: 本课程着重深入源码Debug模式讲解JFinal核心架构和运行原理,手把手从零开始…

JS中的自定义属性

<div id="div1" a="a" data-bbb="bbb">div</div> <script> var oDiv=document.getElementById('div1'); oDiv.b='b'; alert(oDiv.a); //undefined:因为HTML中的自定义属性不能直接获取 alert(oDiv.b); //b:通过JS添加的自定义属性能直接获取 alert(oDiv.get…

JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）

JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性二.设置元素的属性三.删除元素的属性一.获取元素的属性 1-原生JS 获取属性 .getAttribute("属性") 2-jquery 获取属性 .attr("属性") 示例代码 /*jq获取属性*/ var temp = $('.test1').attr('class'); /*js获取属性*/ var temp = document.getElem…

js&jquery 获取select下拉框的值、文本内容、自定义属性

js&jquery 获取select下拉框的值.文本内容.自定义属性 CreationTime--2018年7月2日09点22分 Author:Marydon html <select id="test"> <option value="1">Marydon</option> <option value="2" tip="welcome" selected>http:…

js基础的自定义属性练习

js基础的自定义属性练习: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style> li { list-style:none; width:114px; height:140px; flo…

js原生图片懒加载或 js原生图片预加载，html标签自定义属性

使用原声js来实现图片预加载,或图片懒加载,小伙伴们可以根据项目需要来结合vue或者是react来进行修改. 一.什么是图片懒加载或什么是图片预加载当访问一个页面的时候,先把img元素或是其他元素的背景图片路径缓存下来(这样就只需请求一次),当图片出现在浏览器的可视区域内时,才设置图片真正的路径,让图片显示出来.这就是图片懒加载. 其实简单来说就是: 1.就是创建一个自定义属性data-src存放真正需要显示的图片路径. 2.当页面滚动直至此图片出现在可视区域时,用js取到该图片的data-s…

JS DOM属性，包括固有属性和自定义属性，以及属性获取、移除和设置

属性分为固有属性property和自定义属性attribute 固有属性查看固有属性可以通过ele.property 来获取,自定义属性不行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body{ width:100%; height:1…

JS初学之-自定义属性（索引值）

重点:1.添加索引值的作用:建立匹配.对应的关系. 比如:使每一个按钮对应数组里的每一张图,arrImg[this.index]. 2.不要在for循环的函数里面使用i. 3.添加索引值的方法aBtn[i].index=i;//索引值给每一个li添加了自定义属性index为i,它的作用是一旦和其他数组相匹配,就可以找到相应数组里的东西代码示例: for(var i=0;i<aLi.length;i++){ aLi[i].index=i; //索引值给每一个li添加了自定义属性index为…

JS 操作 HTML 自定义属性

<input type="text" id="txtBox" displayName="123456" /> 获取自定义属性值: document.getElementById("txtBox").getAttribute("displayName"); document.getElementById("txtInput").attributes["displa…

[妙味JS基础]第三课：自定义属性、索引值

知识点总结自定义属性元素.自定义属性＝值: 比如: oDiv.abc = 100; =>abc为自定义属性索引值 index =>也是自定义属性 oDiv.index = '';…

HTML5的自定义属性data-*详细介绍和JS操作实例

当然高级浏览器下可通过脚本进行定义和数据存取.在项目实践中非常有用. 例如: 复制代码代码如下: <div id = "user" data-uid = "12345" data-uname = "脚本之家" > </div> 使用attribute方法存取 data-* 自定义属性的值使用attributes方法存取 data-* 自定义属性的值非常方便: 复制代码代码如下: // 使用getAttribute获取…

js 控制 class 类名(classList) 和自定义属性(dataset)

classList 用法: const div = document.querySelector('div') div.classList.add('myclass') // 添加类名 div.classList.remove('myclass') // 移除类名 div.classList.replace('myclass','myclass2') // 替换类名,注意只能一个替换一个 div.classList.toggle('myclass') // 切换类名,有这个类名就移除它,没有就添…

【vue】——vue.js 获取当前自定义属性值

假设有一个标签h5, 我们给它添加了一个自定义属性值,(item.id是从动态添加的) 点击h5 标签,如何才能获取当前对应的自定义属性值呢? 想当然的我最开始这样写: <h5 class="left t-title" @click='getDataId' :data-id="item.id"></h5> <script> methods: { getDataId() { console.log(this.data-id); }…

JS获取元素属性和自定义属性

获取元素的属性分为两种类型: 1-获取元素常见的属性(class,id,type,value……) 2-获取自定义的元素的属性(data-value,data-mess…….) 获取元素的属性,设置元素的属性: 1-原生JS 设置属性 .setAttribute("属性","值") 获取属性 .getAttribute("属性") 2-jquery 设置属性 .attr("属性","值") 获取属性 .at…

JS设置、获取DOM自定义属性

jQuery方式 // 获取 $('#test').attr('mydata'); // 设置 $('#test').attr('mydata','data-content'); // 移除 $('#test').removeAttr('mydata'); JS方式 // 获取 document.getElementById('test').getAttribute('mydata'); //设置 document.getElementById('test').setAttribute('myd…

js关于为DOM对象添加自定义属性的方式和区别

DOM对象的三种在添加自定义属性的方式一是通过 “.”+“属性名” 二是 setAttribute()(getAttribute()获取) 三是直接在元素标签上加属性如:<div name="" id="te" class="" content=""></div> 三者的区别主要是在获取属性值方面: 1.var e = document.getElementById("te&…

JS——绑定自定义属性

1.绑定自定义属性: (1)元素节点.属性或元素节点[属性]绑定的属性不会出现在标签中,setAttribute可以出现在标签中. (2)setAttribute获取不到元素节点.属性形式绑定的属性值,同样元素节点.属性也获取不到setAttribute绑定的属性值 2.绑定内部规定属性: (1)元素节点.属性或元素节点[属性]会出现的标签中,setAttribute也出现在标签中. (2)setAttribute可以获取元素节点.属性形式绑定的属性值,同样元素节点.属性也可以获取到setAtt…

【js 自定义属性】的更多相关文章