操作自定义属性、H5自定义属性

获取属性

element.属性获取属性值。
element.getAttribute(‘属性’)；

区别：

element.属性获取内置属性值（元素本身自带的属性）
element.getAttribute(‘属性’);主要获得自定义的属性（标准）

设置属性值：setAttribute
移除属性：removeAttribute

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><div id="demo" index='1'></div><script>// 1.获取元素的属性值var div = document.getElementById('demo');// (1)element.属性console.log(div.id);// (2)element.getAttribute('属性') get得到获取 attribute 属性的意思 程序员自己添加的属性称自定义属性 indexconsole.log(div.getAttribute('id'));console.log(div.getAttribute('index'));// 2.设置元素的属性值// (1)element.属性 = '值'div.id = 'test';div.className = 'navs';// (2)element.setAttribute('属性'，'值'); 主要针对自定义属性div.setAttribute('index', 2);div.setAttribute('class', 'footer'); // class 特殊  这里面写的就是 class 不是className// 3.移除属性 removeAttribute(属性)div.removeAttribute('index');</script>
</body></html>

操作自定义属性、H5自定义属性相关推荐

【JS】设置、获取、删除标签属性以及H5自定义属性
目录 1.设置标签属性 2.获取标签属性 3.删除标签属性 4. 判断是否包含指定的属性 5.HTML5自定义属性 1.设置标签属性使用setAttribute()('属性名', '属性值')方法可 ...
JavaScript基础: DOM中操作属性以及自定义属性
上一篇聊了一些常用的事件以及演示其如何使用,演示的时候发现一件事情,那就是DOM操作不单是得到元素,还可以修改元素的属性.现在开始如何操作其属性. 普通自带的属性这些属性是某些标签自带的属性比如sr ...
transitionend、change、classList、兼容代码、元素样式属性的操作、-Attribute自定义属性、阻止跳转、元素绑定相同事件、元素解绑事件、事件冒泡、事件三阶段
transitionend过渡监听事件: 过渡监听事件transitionend指的是CSS3中过渡效果执行一次后触发事件处理函数,如下案例: <!DOCTYPE html><htm ...
solidworks模板_工程师实用高级操作，Solidworks自定义属性链接到工程图模板
下面,我以一个非常简单的零件为例,为大家介绍如何在工程图中链接这些属性.来达到减少工作量节省工作时间的目的. 1.这是1个简单的零件,零件的自定义零件属性都已经填写完成. 2.制作该零件的工程图文件, ...
H5自定义属性详细介绍
主要用getAttribute来获取自定义属性,因为它兼容性比较好
前端学习（847）：H5自定义属性
Appium常用操作及H5页面元素定位
目录 1.去登录考研帮系统 2.高级手势操作 1.tap() 2.移动 move_to 3.滑屏操作 3.多点触控 multiAction 4.原生嵌套H5 1.去登录考研帮系统 import tim ...
APl DOM文档对象模型
文章目录一.DOM简介 1.什么是DOM 2.DOM 树二.获取元素的方法 1.根据ID获取 2.根据标签名获取 3.通过 HTML5 新增的方法获取(注意兼容) 4.获取特殊元素(body,ht ...
JavaScript中如何自定义属性操作
自定义属性操作 <!DOCTYPE html> <html lang="en"><head><meta charset="UTF ...

操作自定义属性、H5自定义属性

操作自定义属性、H5自定义属性相关推荐

最新文章

热门文章