js获取属性值,自定义属性,修改移除属性值
补充:由于不清楚一些属性是内置属性还是自定义属性 所以h5规定 自定义属性使用date-开头作为属性并赋值
案例1:
<body><div date-index="1"></div>
</body>
<script>var div = document.querySelector('div');console.log(div.getAttribute('date-index')); //打印为1
</script>
注:如果是自定义属性(自己给的属性)建议使用element.getAttribute('属性') 或者,如果是元素本身自带属性(如id),就使用element.属性
一.获取属性值
element.属性
获取内置属性(元素本身自带的属性
element.getAttribute('属性') //get 得到获取 attribute 属性
主要获得自定义属性 程序员自己添加的属性 被称为自定义属性
案例:获取div盒子属性的id 比如index=‘1’ 就是我们i自己定义的属性
<body><div id="demo" index="1"></div><script>var div = document.querySelector('div');console.log(div.id);console.log(div.getAttribute('id'));console.log(div.getAttribute('index'));</script></body>
二.自定义属性 设置属性值
element.属性 = ‘值’;
案例1:修改属性id
<body><div id="demo" index="1"></div><script> var div = document.querySelector('div');div.id = 'text'; //设置内置属性值</script></body>
案例2:修改元素的类名 使用className
<body><div id="demo" index="1" class="box"></div><script>var div = document.querySelector('div');div.id = 'text'; //设置内置属性值div.className = 'boxs'; //修改类名</script></body>
element.setAttribute('属性', '值');
案例:修改自定义属性的值 index和class都是自己定义的属性
<body><div id="demo" index="1" class="box"></div><script>div.setAttribute('index', 2);div.setAttribute('class', 'nav');</script></body>
三.移除属性值
element.removeAttribute('属性');
案例:比如不想要index了 移除index属性
<body><div id="demo" index="1" class="box"></div><script>var div = document.querySelector('div');//移除属性div.removeAttribute('index')</script></body>
js获取属性值,自定义属性,修改移除属性值相关推荐
- js获取html元素并且修改属性,JavaScript中获取和修改元素属性的值
在上一篇关于<JavaScript中几个操作元素对象的函数方法>文章中记录了分别通过元素的ID属性,元素的标签名,Class类名来获取元素的节点对象. 今天记录两个函数可以用来获取和修改获 ...
- 原生js获取html元素属性,JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性)...
JS(原生js和jq方式)获取元素属性(自定义属性),删除属性(自定义属性) 以下内容: 一.获取元素的属性 二.设置元素的属性 三.删除元素的属性 一.获取元素的属性 1-原生JS 获取属性 .ge ...
- Unity3D 获取子孙物体并修改材质球属性
如图要获取划线物体并修改其材质球: private Transform[] FindChild; public Material ChangeMat;//变换后的材质球 private Materia ...
- mysql 怎么改属性_mysql怎么修改字段的属性
在项目开发中,发现表的某些字段不合理,需要修改怎么处理呢.这时候需要用到关键字alter来修改字段的属性 在mysql中alter命令可以修改字段类型,长度,名称或一些其它的参数,下面我来给大家介绍a ...
- js获取用户在input标签中输入的值,然后改变html下各个标签的值或者属性
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html> <html lang="en"> <head ...
- JS获取页面元素并修改
//实现代码如下,非常简单<script>(function(){var ele = document.getElementsByTagName("ul"); //获取 ...
- JS获取屏幕浏览器网页高度和宽度属性
1 网页可见区域宽:document.body.clientWidth 2 网页可见区域高:document.body.clientHeight 3 网页可见区域宽:document.body.off ...
- JS获取元素的offsetTop,offsetLeft等相关属性
1. obj.clientWidth //获取元素的宽度 obj.clientHeight //元素的高度 obj.offsetLeft //元素相对于父元素的left obj.offsetTop / ...
- js获取所有选中的复选框的值
//需要引入jquery或easyui的js var serialNos = $("input[name='serialNo']:checked").map(function () ...
最新文章
- Linux 下使用命令行查看 內核版本 | 系統版本 | cpu 位數 | 內存使用
- jre java.security_java.security.NoSuchProviderException: no suc...
- 【原创】大叔经验分享(27)linux服务器升级glibc故障恢复
- CRM呼叫中心inbox的调试步骤
- 模型监控psi_PSI和CSI:前2个模型监控指标
- easyui validatebox 验证类型
- FinalShell SSH工具下载
- Citrix基础端口了解
- python学习(6)--logging打印日志
- 关于使用DFS,BFS的一些思考总结
- DaisyDisk for Mac(磁盘清理软件)
- 被脱库咋办?KMS 给你解决方案!
- jsp小区车位管理系统
- NTC热敏电阻原理及应用详解
- 如何使用计算机文件共享,两台电脑如何共享文件?【步骤图解】
- 知道君推荐给大家一些写论文、搞科研、读大学必备的30款软件。
- 吴甘沙:5G爆发得从点开始 商业路径比技术难
- 创业融资路演PPT模板
- 信息系统项目管理师:信息、信息化、信息系统、信息系统开发方法
- android图片处理方法(不断收集中)