获取自定义属性值
element.属性
------获取内置属性,本身自带的element.getattribute('属性')
————得到的时attribute 属性的意思,我们程序员自己添加的属性叫做自定义属性
修改设置属性值
element.属性 = '值'
设置内置属性值element.setAttribute('属性','值')
哈哈哈哈哈你看
原来设置的class 的属性是 nav
通过这修改成了navs
移除属性 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' class="nav"></div>
<script>
var div = document.querySelector('div')
// 1.获取元素的属性值
// (1)element.属性
console.log(div.id);
// (2) element.getAAttribute('属性') get得到获取 attribute 属性的意思,程序员自己添加的属性叫做自定义属性 index
console.log(div.getAttribute('id'));
console.log(div.getAttribute('index'));
// 设置属性值
// 1.element.属性 = '值'
div.id = 'text';
div.className = 'navs';
// 2.element.setAttribute('属性','值'); 主要针对自定义属性
div.setAttribute('index', 3)
div.setAttribute('class', 'footer');// class 特殊,这里面写的就是 clas 不是className
// 3.移除属性 removeAttribute('属性')
div.removeAttribute('index');
</script>
</body>
</html>