web前端开发第二阶段——对属性的操作

一、获取属性值的方法

（一）box.className
特点：只能获取w3c定义好的属性，和js点的方式设置属性，不能获取私有属性

（二）getAttribute('属性名‘)
特点：获取不到js点的方式（什么什么的）设置的属性；只能获取行间和通过setAttribute设置的属性

二、设置属性的方法

（一）标签.属性名=属性值
例：box.index=1;
（二）setAttribute(‘属性名’,‘属性值’)
（三）标签.dataset.属性名=属性值
例如：box.dataset.cc=‘11’
页面显示加入的属性为data-cc=‘11’
获取：var f=box.dataset.cc
console.log(f)

三、删除属性

标签.removeAttribute(‘属性名’)；

四、生成一个标签（元素）真实的标签

document.createElement(‘标签名’)

将创建的元素插入页面
标签.appendChild(标签）:往父级的最后位置插入一个标签
父级.appendChild(标签）

五、删除标签

元素.remove()
父级元素.removeChild(子元素)
body.removeChild(box)