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’));//通过getAttribute获取元素属性

    console.log(div.getAttribute('index’));

    //普通方式设置属性

    div.id = 'test’;

    div.className ='navs’;

    //自定义方式设置属性

    div.setAttribute('属性’,'值’);

    div.setAttribute('index’,3);

    div.setAttribute('class’,'footer’); //自定义设置属性里面,要用class而不是className

    //移除属性

    div.removeAttribute('index’);

  </script>

</body>

(0)

相关推荐

  • Js获取当前日期时间及其它操作

    //---------------------------------------------------   // 判断闰年   //-------------------------------- ...

  • Vue.js 获得兄弟元素,子元素,父元素(DOM操作)

    e.target 是你当前点击的元素 e.currentTarget 是你绑定事件的元素 e.currentTarget.previousElementSibling.innerHTML 获得点击元素 ...

  • 原生JS内置对象的字符串操作习题

    (一)获取字符串长度 console.log(str.length); // 33 (二)取出指定位置的字符,如:0,3,5,9等 console.log(str[0], str[3], str[5] ...

  • js day01 变量, 引入, 属性操作, 样式操作

    一, javascript引入 1.行内 不建议使用 是在开始标签内 写入js的代码 注意:我们一般不使用行内,因为会降低服务器或者浏览器的性能,增加维护的难度 <!-- 需求:在开始标签内写入 ...

  • Js~对键值对操作

    键值对主要是面向对象语言里的字典,或者叫哈希表,它通过键(key)可以直接访问到值(value),所以它查找的时间复杂度是O(1),即一次查找即可找到目标:在.net里有Dictionary,而在ja ...

  • js中的DOM操作

    一.前言 DOM 是 W3C(World Wide Web Consortium)标准.同时也 定义了访问诸如 XML 和 HTML 文档的标准: DOM是一个使程序和脚本有能力动态地访问和更新文档的 ...

  • 【免root脚本制作教程】自动坐标操作手机(Auto.js使用教程

    今天给大家介绍如何简单制作一个,自动点击手机指定位置的脚本. 首先打开Auto.js右下角加号新建一个js文件(javascript语言).然后在文件第一行输入click(x,y);这就是我们的点击功 ...

  • 【Photoshop JS脚本】jsx如何操作excel

    jsx需要借助js开源库来操作excel.github地址:SheetJS 可能你会奇怪这是这是浏览器JS操作excel,并不能用于Photoshop.你只要找到xlsx.extendscript.j ...

  • 卤猪杂该如何操作,大厨传授卤猪杂的详细要点!

    卤制品大多数以猪的内脏作原料,为佐酒上品.各种卤猪杂的加工方法基本相同,只有卤猪肝,由于质地鲜嫩,因而省去了清煮工序. 一.配料 1.卤猪肝 猪肝100kg,食盐1.3kg,酱油5-7kg,白砂糖6- ...